/* WordPress Page Styles */

/* ================================
   NAVIGATION OVERRIDE - WHITE ELEMENTS
   ================================ */
/* Make logo, navigation, contact button, and hamburger white on WordPress page
   ONLY when header is NOT scrolled (transparent background)
   AND mobile menu is NOT open */

/* Logo - invert to white when NOT scrolled */
.site-header:not(.site-header--scrolled) .site-header__logo-img {
    filter: brightness(0) invert(1) !important;
}

/* Override: Remove white invert when menu is open */
body.menu-open .site-header:not(.site-header--scrolled) .site-header__logo-img {
    filter: brightness(0) saturate(1) !important;
}

/* Logo normal on desktop when menu is open */
@media (min-width: 768px) {
    body.menu-open .site-header:not(.site-header--scrolled) .site-header__logo-img {
        filter: none !important;
    }
}

/* Navigation links to white when NOT scrolled - desktop only */
@media (min-width: 768px) {
    .site-header:not(.site-header--scrolled) .site-nav__link {
        color: #ffffff !important;
    }

    .site-header:not(.site-header--scrolled) .site-nav__link::after {
        background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0.7) 100%) !important;
    }
}

/* Mobile menu toggle (hamburger) to white when NOT scrolled and menu NOT open */
.site-header:not(.site-header--scrolled) .menu-toggle:not(.menu-toggle--active) .menu-toggle__line {
    background: #ffffff !important;
}

/* "Talk to Us" contact button to white when NOT scrolled AND menu NOT open */
.site-header:not(.site-header--scrolled) .btn--nav {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

.site-header:not(.site-header--scrolled) .btn--nav:hover {
    background: rgba(255, 255, 255, 0.15) !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
}

/* Override for dropdown arrows in mega menu */
@media (min-width: 768px) {
    .site-header:not(.site-header--scrolled) .dropdown-arrow {
        stroke: #ffffff !important;
    }
}