/* ==============================================
   LabVV Header — Transparent → Solid Navy on Scroll
   File: assets/css/header.css
   ============================================== */

/* Transparent default over hero section */
.home .main-header-bar {
    background: rgba(15,42,74,0.08) !important;
    backdrop-filter: blur(3px) !important;
    -webkit-backdrop-filter: blur(3px) !important;
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
    box-shadow: none !important;
    transition: background 0.3s ease, box-shadow 0.3s ease !important;
}

/* Solid navy when scrolled */
.home .main-header-bar.is-scrolled {
    background: rgba(15,42,74,0.92) !important;
    box-shadow: 0 2px 20px rgba(0,0,0,0.15) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
}

/* Logo: fixed 40px, never shrinks */
body.home .site-logo-img img,
.home .site-logo-img img,
.ast-theme-transparent-header.home .site-logo-img img,
.home .ast-sticky-shrunk .site-logo-img img {
    height: 65px !important;
    width: auto !important;
    flex-shrink: 0 !important;
    transition: none !important;
}

/* Nav text: white */
.home .main-header-menu a,
.home .main-header-menu button,
.home .main-header-menu .menu-link {
    color: rgba(255,255,255,0.85) !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    padding: 12px 16px !important;
    transition: color 0.2s ease !important;
}
.home .main-header-menu a:hover,
.home .main-header-menu button:hover,
.home .main-header-menu .current-menu-item > a {
    color: #ffffff !important;
}

/* Dropdown sub-menu: dark text */
.home .main-header-menu .sub-menu a,
.home .main-header-menu .sub-menu .menu-link {
    color: #1f2937 !important;
}
.home .main-header-menu .sub-menu a:hover {
    background-color: #f3f4f6 !important;
}

/* Orange active indicator bar */
.home .main-header-menu > .menu-item {
    position: relative !important;
}
.home .main-header-menu > .menu-item > a::after {
    content: '' !important;
    position: absolute !important;
    bottom: 4px !important;
    left: 16px !important;
    right: 16px !important;
    height: 2px !important;
    background: #ff8a00 !important;
    border-radius: 2px !important;
    opacity: 0 !important;
    transform: scaleX(0.5) !important;
    transition: opacity 0.25s ease, transform 0.25s ease !important;
}
.home .main-header-menu > .menu-item > a:hover::after,
.home .main-header-menu > .menu-item.current-menu-item > a::after {
    opacity: 1 !important;
    transform: scaleX(1) !important;
}

/* Get a Quote CTA: orange */
.home .main-header-menu .menu-item:last-child > a {
    background: #ff8a00 !important;
    color: #ffffff !important;
    padding: 8px 20px !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
    margin-left: 8px !important;
}
.home .main-header-menu .menu-item:last-child > a:hover {
    background: #e67a00 !important;
}

/* Logo: override Additional CSS - bigger size */
html body.home .site-logo-img img,
html.home .site-logo-img img,
html body.home .site-logo-img .custom-logo,
body.home .ast-custom-header .site-logo-img img {
    height: 65px !important;
    width: auto !important;
}

/* Logo: strong override vs Additional CSS */
body.home .site-branding .custom-logo-link img.custom-logo {
    height: 65px !important;
    width: auto !important;
}
.home .site-branding .custom-logo-link img.custom-logo {
    height: 65px !important;
    width: auto !important;
}

/* Orange indicator: also for button-based menu items (Products, Resources) */
.home .main-header-menu > .menu-item > button::after {
    content: "" !important;
    position: absolute !important;
    bottom: 4px !important;
    left: 16px !important;
    right: 16px !important;
    height: 2px !important;
    background: #ff8a00 !important;
    border-radius: 2px !important;
    opacity: 0 !important;
    transform: scaleX(0.5) !important;
    transition: opacity 0.25s ease, transform 0.25s ease !important;
}

/* Show orange bar when parent li is hovered (submenu open) for both a and button */
.home .main-header-menu > .menu-item:hover > button::after,
.home .main-header-menu > .menu-item:hover > a::after {
    opacity: 1 !important;
    transform: scaleX(1) !important;
}

/* Submenu: left accent bar + subtle bg slide */
html .home .main-header-menu .sub-menu a {
    position: relative !important;
    background-color: transparent !important;
    transition: background-color 0.2s ease, color 0.2s ease !important;
}
html .home .main-header-menu .sub-menu a::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 10
/* Submenu: left accent bar + subtle bg slide */
html .home .main-header-menu .sub-menu a {
    position: relative !important;
    background-color: transparent !important;
    transition: background-color 0.2s ease, color 0.2s ease !important;
}
html .home .main-header-menu .sub-menu a::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 10% !important;
    height: 80% !important;
    width: 3px !important;
    background: rgba(15, 42, 74, 0.15) !important;
    border-radius: 0 2px 2px 0 !important;
    opacity: 0 !important;
    transform: scaleY(0.5) !important;
    transition: opacity 0.2s ease, transform 0.2s ease !important;
}
html .home .main-header-menu .sub-menu a:hover {
    background-color: rgba(15, 42, 74, 0.04) !important;
    color: #0f2a4a !important;
}
html .home .main-header-menu .sub-menu a:hover::before {
    opacity: 1 !important;
    transform: scaleY(1) !important;
}