/**
 * Hero YouTube — dimensions match live site (do not change breakpoints/sizes).
 */

/*
 * Hero lipit de bara verde (homepage + Shows).
 * Bara e centrată în .ahdb-green-section — compensăm spațiul de sub bară.
 */
.home .site-header,
.home .site-home,
.front-page .site-header,
.front-page .site-home,
body.ahdb-hero-flush .site-header,
body.ahdb-hero-flush .site-main,
body.ahdb-hero-flush .site-shows,
body.ahdb-hero-flush .site-contact,
body.page-shows .site-header,
body.page-shows .site-main,
body.ahdb-page-contact .site-header,
body.ahdb-page-contact .site-contact {
	margin: 0;
	padding: 0;
}

.home .ahdb-header-scope,
.front-page .ahdb-header-scope,
body.ahdb-hero-flush .ahdb-header-scope,
body.page-shows .ahdb-header-scope,
body.ahdb-page-contact .ahdb-header-scope {
	margin-bottom: 0;
}

.home .site-home .ah-final-hero,
.front-page .site-home .ah-final-hero,
body.ahdb-hero-flush .ah-final-hero,
body.page-shows .ah-final-hero,
body.ahdb-page-contact .ahdb-contact-hero {
	margin-top: calc((var(--greenbar-height) - var(--green-section-height)) / 2);
	margin-bottom: 0;
}

.home .site-home .ah-final-hero,
.front-page .site-home .ah-final-hero,
body.ahdb-hero-flush .ah-final-hero,
body.page-shows .ah-final-hero {
	line-height: 0;
}

.ah-final-hero {
	position: relative;
	width: 100vw;
	margin-left: calc(-50vw + 50%);
	height: 100vh;
	height: 100dvh;
	min-height: 720px;
	overflow: hidden;
	background: #000000;
}

/*
 * Wrapper is larger than the container so the iframe always covers
 * regardless of screen aspect ratio.
 */
.ah-final-video-wrap {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: max(100%, calc(100vh * 16 / 9));
	height: max(100%, calc(100vw * 9 / 16));
	z-index: 1;
	pointer-events: none;
}

.ah-final-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}

/* Tablet */
@media (max-width: 900px) {
	.ah-final-hero {
		height: 560px;
		min-height: 560px;
	}
}

/* Mobile */
@media (max-width: 767px) {
	.ah-final-hero {
		height: 460px;
		min-height: 460px;
	}
}