/**
 * Main header (.transparent-header = desktop Theme Builder container):
 * - Video hero pages (body.mp-has-hero-header): transparent → glass on scroll
 * - All other pages: solid white header
 */

/* ---- Default (non–video-hero pages): solid white ---- */
body:not(.mp-has-hero-header) .elementor-location-header .transparent-header,
body:not(.mp-has-hero-header) .elementor-location-header .transparent-header.elementor-sticky--effects,
body:not(.mp-has-hero-header) .elementor-location-header .transparent-header.elementor-sticky--active.elementor-sticky--effects {
	background: #ffffff !important;
	background-color: #ffffff !important;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05) !important;
	-webkit-backdrop-filter: none !important;
	backdrop-filter: none !important;
}

body:not(.mp-has-hero-header) .elementor-location-header .transparent-header > .e-con-inner,
body:not(.mp-has-hero-header) .elementor-location-header .transparent-header.elementor-sticky--effects > .e-con-inner {
	background: transparent !important;
	background-color: transparent !important;
	box-shadow: none !important;
}

body:not(.mp-has-hero-header) .elementor-location-header .transparent-header .elementor-nav-menu a,
body:not(.mp-has-hero-header) .elementor-location-header .transparent-header .elementor-nav-menu .elementor-item {
	color: #1d293d
}

body:not(.mp-has-hero-header) .elementor-location-header .transparent-header .elementor-widget-theme-site-logo img,
body:not(.mp-has-hero-header) .elementor-location-header .transparent-header .elementor-widget-image img,
body:not(.mp-has-hero-header) .elementor-location-header .transparent-header a[href] img {
	filter: none !important;
}

/* ---- Video hero pages only: transparent over video ---- */
body.mp-has-hero-header .elementor-location-header {
	position: fixed !important;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 9999;
	background: transparent !important;
	box-shadow: none !important;
	border: 0 !important;
}

body.admin-bar.mp-has-hero-header .elementor-location-header {
	top: 32px;
}

@media screen and (max-width: 782px) {
	body.admin-bar.mp-has-hero-header .elementor-location-header {
		top: 46px;
	}
}

body.mp-has-hero-header .transparent-header {
	background: transparent !important;
	background-color: transparent !important;
	box-shadow: none !important;
	border: 0 !important;
	z-index: 9999 !important;
	transition: background-color 0.3s ease, box-shadow 0.3s ease, backdrop-filter 0.3s ease, -webkit-backdrop-filter 0.3s ease, padding 0.3s ease;
}

body.mp-has-hero-header .transparent-header > .e-con-inner,
body.mp-has-hero-header .transparent-header .e-con,
body.mp-has-hero-header .transparent-header .e-con-inner {
	background: transparent !important;
	background-color: transparent !important;
	box-shadow: none !important;
}

/* Kill Elementor sticky solid white at top (over video) */
body.mp-has-hero-header .transparent-header.elementor-sticky--effects,
body.mp-has-hero-header .transparent-header.elementor-sticky--active.elementor-sticky--effects,
body.mp-has-hero-header .transparent-header.elementor-sticky--effects > .e-con-inner {
	background: transparent !important;
	background-color: transparent !important;
	box-shadow: none !important;
	-webkit-backdrop-filter: none !important;
	backdrop-filter: none !important;
}

/* Default over video: white menu + white logo */
body.mp-has-hero-header:not(.mp-header-scrolled) .transparent-header .elementor-nav-menu a,
body.mp-has-hero-header:not(.mp-header-scrolled) .transparent-header .elementor-nav-menu .elementor-item {
	color: #ffffff !important;
}
body.mp-has-hero-header:not(.mp-header-scrolled) .transparent-header .elementor-menu-toggle,
body.mp-has-hero-header:not(.mp-header-scrolled) .transparent-header .elementor-menu-toggle i {
	color: #ffffff !important;
	border-color: rgba(255, 255, 255, 0.45) !important;
}
body.mp-has-hero-header:not(.mp-header-scrolled) .transparent-header .elementor-widget-theme-site-logo img,
body.mp-has-hero-header:not(.mp-header-scrolled) .transparent-header .elementor-widget-image img,
body.mp-has-hero-header:not(.mp-header-scrolled) .transparent-header a[href] img {
	filter: brightness(0) invert(1) !important;
	opacity: 1 !important;
	transition: filter 0.3s ease;
}

/* Scrolled on video hero: glass blur + dark menu + black logo */
body.mp-has-hero-header.mp-header-scrolled .transparent-header,
body.mp-has-hero-header.mp-header-scrolled .transparent-header.elementor-sticky--effects,
body.mp-has-hero-header.mp-header-scrolled .transparent-header.elementor-sticky--active.elementor-sticky--effects {
	background: rgba(255, 255, 255, 0.72) !important;
	background-color: rgba(255, 255, 255, 0.72) !important;
	-webkit-backdrop-filter: blur(24px) !important;
	backdrop-filter: blur(24px) !important;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05), 0 20px 25px -5px rgba(15, 23, 42, 0.1), 0 8px 10px -6px rgba(15, 23, 42, 0.08) !important;
	padding-top: 0.875rem !important;
	padding-bottom: 0.875rem !important;
}
body.mp-has-hero-header.mp-header-scrolled .transparent-header > .e-con-inner,
body.mp-has-hero-header.mp-header-scrolled .transparent-header .e-con,
body.mp-has-hero-header.mp-header-scrolled .transparent-header .e-con-inner,
body.mp-has-hero-header.mp-header-scrolled .transparent-header.elementor-sticky--effects > .e-con-inner {
	background: transparent !important;
	background-color: transparent !important;
	box-shadow: none !important;
}
body.mp-has-hero-header.mp-header-scrolled .transparent-header .elementor-nav-menu a,
body.mp-has-hero-header.mp-header-scrolled .transparent-header .elementor-nav-menu .elementor-item {
	color: #1d293d !important;
}
body.mp-has-hero-header.mp-header-scrolled .transparent-header .elementor-menu-toggle,
body.mp-has-hero-header.mp-header-scrolled .transparent-header .elementor-menu-toggle i {
	color: #1d293d !important;
	border-color: #cbd5e1 !important;
}
body.mp-has-hero-header.mp-header-scrolled .transparent-header .elementor-widget-theme-site-logo img,
body.mp-has-hero-header.mp-header-scrolled .transparent-header .elementor-widget-image img,
body.mp-has-hero-header.mp-header-scrolled .transparent-header a[href] img {
	filter: none !important;
}

/* Hero fills viewport under fixed header */
body.mp-has-hero-header .elementor-widget-mprompto-hero-banner {
	--mp-hero-header: 0px;
}

body.mp-has-hero-header .elementor-widget-mprompto-hero-banner .mp-hero-banner {
	height: 100svh;
	max-height: 100svh;
	min-height: 640px;
}