/* Edwards Magazine Hero — transparent header over photo heroes.
   Applies only while body has .ehm-overlay (pages whose hero is a full photo) and the visitor
   has not scrolled; after scrolling, and on every other page, the theme's original header shows. */
body.ehm-overlay .header {
	position: fixed !important;
	top: 0;
	left: 0;
	right: 0;
	transition: background-color .3s, box-shadow .3s;
}
body.admin-bar.ehm-overlay .header { top: 32px; }
@media (max-width: 782px) { body.admin-bar.ehm-overlay .header { top: 46px; } }

body.ehm-overlay .header:not(.ehm-scrolled) {
	background: linear-gradient(180deg, rgba(10, 25, 50, .45) 0%, rgba(10, 25, 50, .18) 70%, rgba(10, 25, 50, 0) 100%) !important;
	box-shadow: none !important;
	backdrop-filter: none !important;
}
body.ehm-overlay .header:not(.ehm-scrolled) .top-bar,
body.ehm-overlay .header:not(.ehm-scrolled) .nav { background: transparent !important; }
body.ehm-overlay .header:not(.ehm-scrolled) .top-bar { border-bottom: 1px solid rgba(255, 255, 255, .15); }
body.ehm-overlay .header:not(.ehm-scrolled) .top-bar::after,
body.ehm-overlay .header:not(.ehm-scrolled) .nav::before { display: none !important; }
body.ehm-overlay .header:not(.ehm-scrolled) .nav-link { text-shadow: 0 1px 8px rgba(0, 0, 0, .35); }

/* Make room for the header now that it floats over the photo. */
body.ehm-overlay .ehm-a .ehm-in { padding-top: 210px; }
body.ehm-overlay .ehm-a.ehm-compact .ehm-in { padding-top: 190px; }
body.ehm-overlay .ehm-a { min-height: 720px; }
body.ehm-overlay .ehm-a.ehm-compact { min-height: 560px; }
body.ehm-overlay .ehm-b .ehm-in { padding-top: 200px; }
body.ehm-overlay section.warranty-hero { padding-top: 200px !important; }
@media (max-width: 860px) {
	body.ehm-overlay .ehm-a .ehm-in,
	body.ehm-overlay .ehm-a.ehm-compact .ehm-in { padding-top: 130px; }
	body.ehm-overlay .ehm-b .ehm-in { padding-top: 130px; }
	body.ehm-overlay section.warranty-hero { padding-top: 130px !important; }
}

/* ---------------------------------------------------------------------------
   Solid state (after scrolling, and on pages without a photo hero):
   frosted white with royal-blue logo and links — like the magazine's inside pages.
   --------------------------------------------------------------------------- */
:is(body:not(.ehm-overlay) .header, body.ehm-overlay .header.ehm-scrolled) {
	background: rgba(255, 255, 255, .94) !important;
	backdrop-filter: blur(12px) !important;
	-webkit-backdrop-filter: blur(12px) !important;
	box-shadow: 0 1px 0 #e3e8ef, 0 6px 24px rgba(15, 47, 92, .08) !important;
}
:is(body:not(.ehm-overlay) .header, body.ehm-overlay .header.ehm-scrolled) .top-bar {
	background: #f4f6f9 !important;
	color: #4b5563 !important;
	border-bottom: 1px solid #e3e8ef;
}
:is(body:not(.ehm-overlay) .header, body.ehm-overlay .header.ehm-scrolled) .top-bar * { color: #4b5563 !important; }
:is(body:not(.ehm-overlay) .header, body.ehm-overlay .header.ehm-scrolled) .top-bar .social-icon { background: #e3e8ef !important; }
:is(body:not(.ehm-overlay) .header, body.ehm-overlay .header.ehm-scrolled) .top-bar .social-icon i { color: #295aa3 !important; }
:is(body:not(.ehm-overlay) .header, body.ehm-overlay .header.ehm-scrolled) .top-bar::after,
:is(body:not(.ehm-overlay) .header, body.ehm-overlay .header.ehm-scrolled) .nav::before { display: none !important; }
:is(body:not(.ehm-overlay) .header, body.ehm-overlay .header.ehm-scrolled) .nav { background: transparent !important; }

/* White logo → royal blue. */
:is(body:not(.ehm-overlay) .header, body.ehm-overlay .header.ehm-scrolled) .logo-image {
	filter: brightness(0) saturate(100%) invert(29%) sepia(62%) saturate(1056%) hue-rotate(196deg) brightness(91%) contrast(87%);
}

:is(body:not(.ehm-overlay) .header, body.ehm-overlay .header.ehm-scrolled) .nav-link {
	color: #0f2f5c !important;
}
:is(body:not(.ehm-overlay) .header, body.ehm-overlay .header.ehm-scrolled) .nav-link:hover,
:is(body:not(.ehm-overlay) .header, body.ehm-overlay .header.ehm-scrolled) .nav-link.active { color: #295aa3 !important; }
:is(body:not(.ehm-overlay) .header, body.ehm-overlay .header.ehm-scrolled) .nav-item:not(.has-dropdown) > .nav-link::after { background: #295aa3 !important; }
:is(body:not(.ehm-overlay) .header, body.ehm-overlay .header.ehm-scrolled) .hamburger-line { background: #0f2f5c !important; }

/* Dropdowns: white panels with royal-blue links, everywhere. */
.header .dropdown,
.header .sub-dropdown {
	background: #fff !important;
	border-top: 2px solid #295aa3 !important;
	box-shadow: 0 12px 34px rgba(15, 47, 92, .14) !important;
}
.header .dropdown a,
.header .dropdown-link { color: #0f2f5c !important; }
.header .dropdown a:hover,
.header .dropdown-link:hover {
	background: #f4f6f9 !important;
	color: #295aa3 !important;
	border-left-color: #295aa3 !important;
}

/* Phone slide-out menu: white panel to match. */
.mobile-menu,
.mobile-menu .mobile-nav-menu { background: #fff !important; }
.mobile-menu .mobile-menu-header { background: #fff !important; border-bottom: 1px solid #e3e8ef; }
.mobile-menu .mobile-logo, .mobile-menu .mobile-logo * { color: #295aa3 !important; }
.mobile-menu .mobile-logo img { filter: brightness(0) saturate(100%) invert(29%) sepia(62%) saturate(1056%) hue-rotate(196deg) brightness(91%) contrast(87%); }
.mobile-menu .mobile-menu-close,
.mobile-menu .mobile-menu-close i { color: #0f2f5c !important; }
.mobile-menu .mobile-nav-menu a { color: #0f2f5c !important; border-color: #eef1f5 !important; }
.mobile-menu .mobile-nav-menu .sub-menu { background: #f4f6f9 !important; }
.mobile-menu .menu-item-has-children > a::after,
.mobile-menu .menu-item-has-children > a::before,
.mobile-menu .menu-item-has-children > span,
.mobile-menu .menu-item-has-children > button { color: #295aa3 !important; }