/* ==========================================================================
   Showroom links

   The plain version of the showroom card: a city, the street it is on, and a
   link. The front page and the showroom pages have richer ones with today's
   hours and a call button; this is what a content page needs at the end of it,
   and it is queried rather than typed so a third location appears the day it
   is published.
   ========================================================================== */

.tfs-showroom-links {
	display: grid;
	gap: var(--wp--preset--spacing--30);
	margin: 0;
	padding: 0;
	list-style: none;
}

@media (min-width: 600px) {
	.tfs-showroom-links {
		grid-auto-flow: column;
		grid-auto-columns: minmax(0, 1fr);
		gap: var(--wp--preset--spacing--40);
	}
}

.tfs-showroom-links__item {
	min-width: 0;
	padding-block-start: var(--wp--preset--spacing--20);
	border-top: var(--wp--custom--rule-strong);
}

.tfs-showroom-links__city {
	margin: 0;
	font-size: var(--wp--preset--font-size--sub);
	line-height: var(--wp--custom--line-height--tight);
}

.tfs-showroom-links__link {
	color: var(--wp--preset--color--accent);
	text-decoration: none;
}

.tfs-showroom-links__link:hover {
	color: var(--wp--preset--color--accent-hover);
	text-decoration: underline;
}

/* Focus indicators are exempt from the no-shadow rule: outline, never shadow. */
.tfs-showroom-links__link:focus-visible {
	outline: var(--wp--custom--focus--width) solid var(--wp--preset--color--accent);
	outline-offset: var(--wp--custom--focus--offset);
}

.tfs-showroom-links__address {
	display: grid;
	gap: var(--wp--custom--step--4);
	margin: var(--wp--custom--step--8) 0 0;
	font-style: normal;
	font-size: var(--wp--preset--font-size--small);
	line-height: var(--wp--custom--line-height--body);
	color: var(--wp--preset--color--muted);
}