/* CSS Document */

/**
 * Shared spec list (inc/spec-list.php's medallion_render_spec_list()) — the
 * "Door Style(s): Riverton, Somerset" / "Finish(es): Maple, Cherry" lines,
 * each term linking to its own post. Used by single-room.php,
 * single-storage-solution.php, and single-finishing-touch.php. Moved out of
 * assets/css/single-room.css (previously .room-specs/.room-spec-label,
 * unlinked-text-only) the moment the other two templates needed the exact
 * same thing. Enqueue gate is medallion_uses_spec_list() in functions.php.
 *
 * Link look matches storage-breadcrumbs.css's link treatment (black text,
 * gray underline, underline goes black on hover) for visual consistency
 * with the breadcrumbs directly above it on the same pages.
 */

.spec-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	font-size: 0.95rem;
}

.spec-list-label {
	font-weight: var(--font-weight-bold);
	margin-right: 0.3rem;
}

.spec-list-link {
	color: black;
	text-decoration: none;
	border-bottom: 1px solid #ccc;
}

.spec-list-link:hover,
.spec-list-link:focus-visible {
	border-bottom-color: black;
}