/* /wp-content/themes/2022/css/showroom-performance.css
   (the hero poster background itself is printed inline in <head> by showroom-performance.php) */

/* Hero loop: same framing/dimming as the old Vimeo iframe */
.masthead__video .masthead__loop {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	object-fit: cover;
	filter: brightness(70%);
	opacity: 0;
	transition: opacity .6s ease;
}
.masthead__video .masthead__loop.is-playing { opacity: 1; }
@media (prefers-reduced-motion: reduce) {
	.masthead__video .masthead__loop { transition: none; }
}

/* Click-to-play tour */
.tour-video {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	background: #333d46;
	overflow: hidden;
}
.tour-video__btn {
	position: absolute; inset: 0;
	display: block; width: 100%; height: 100%;
	margin: 0; padding: 0; border: 0;
	background: none; color: #fff; cursor: pointer;
}
.tour-video__poster {
	position: absolute; inset: 0;
	width: 100%; height: 100%;
	object-fit: cover;
	transition: transform .4s ease;
}
.tour-video__btn:hover .tour-video__poster,
.tour-video__btn:focus-visible .tour-video__poster { transform: scale(1.03); }
.tour-video__btn:focus-visible { outline: 3px solid #fff; outline-offset: -6px; }
.tour-video__play {
	position: absolute; top: 50%; left: 50%;
	transform: translate(-50%, -50%);
	line-height: 0;
	filter: drop-shadow(0 2px 8px rgba(0,0,0,.35));
}
.tour-video__label {
	position: absolute; left: 0; right: 0; bottom: 0;
	padding: 2.5rem 1rem 1rem;
	text-align: center; font-weight: 600; letter-spacing: .02em;
	text-shadow: 0 1px 4px rgba(0,0,0,.6);
	background: linear-gradient(to top, rgba(0,0,0,.55), transparent);
}
.tour-video iframe {
	position: absolute; inset: 0;
	width: 100%; height: 100%; border: 0;
}

/* Map placeholder + directions link */
.acf-map { background: #242f3e; } /* matches your dark map style while it loads */
.showroom__directions { margin: 1rem 0 0; }

/* Reserve space for the Elfsight widget so nothing jumps when it appears */
.elfsight { min-height: 320px; }