/* Find a Dealer — centered heading + red rule over the embedded dealer locator
   (Lifter Store Locator, map 289). Everything inside the frame is served
   cross-origin by lifterlocator.com: we can size and place the box, but nothing
   in this file can reach the widget's own type, colors, or markup. */

.tt-dealer-locator {
	max-width: 1216px;
	margin-inline: auto;
	padding: 80px 20px 100px;
	text-align: center;
}

.tt-dealer-locator__title {
	margin: 0;
	font-family: var(--wp--preset--font-family--oswald, "Oswald", sans-serif) !important;
	font-weight: 600 !important;
	font-size: 52px;
	line-height: 1.05;
	text-transform: uppercase;
	color: var(--wp--preset--color--ink, #141412) !important;
}

/* Centered accent rule under the heading — the eyebrow rule's red, drawn as a
   centered underline rather than the usual left-of-label 40×1px (design.md
   "Accent lines & rules"). */
.tt-dealer-locator__rule {
	display: block;
	width: 50px;
	height: 2px;
	margin: 20px auto 0;
	background: var(--wp--preset--color--red, #cf2026);
}

.tt-dealer-locator__frame {
	margin-top: 48px;
	text-align: left;
}

/* A cross-origin iframe cannot report its content height, so there is no
   auto-resize to be had here: the frame is a fixed box and the widget scrolls
   inside it. The height below fits the search row, the category filters, and
   the full list/map panel without an outer scrollbar — re-measure if the
   locator's filter set changes. */
.tt-dealer-locator__iframe {
	display: block;
	width: 100%;
	height: 900px;
	border: 0;
}

/* ---- Mobile (≤767px) ----------------------------------------------------- */
@media (max-width: 767px) {
	.tt-dealer-locator {
		padding: 48px 20px 64px;
	}

	.tt-dealer-locator__title {
		font-size: 36px;
	}

	.tt-dealer-locator__frame {
		margin-top: 32px;
	}

	/* The widget stacks the results list under the map at narrow widths, so the
	   frame needs to be taller here, not shorter. */
	.tt-dealer-locator__iframe {
		height: 1100px;
	}
}