/* ============================================
   Force black header background
   Target: .nav-bar inside #masthead (the actual fixed bar)
   All selectors scoped to #masthead to avoid affecting content
   ============================================ */

/* Base nav-bar override (scoped to header) */
#masthead #nav-bar,
#masthead .nav-bar,
#masthead #mobile-bar,
#masthead {
    background: #000000 !important;
    background-color: #000000 !important;
    background-image: none !important;
    opacity: 1 !important;
}

/* Override theme sticky rules for light skin */
body.menu-skin-light.menu-sticky-soft.sticking:not(.overlay-menu-toggle):not(.mobile-menu-toggle) .nav-bar,
body.menu-skin-light.menu-sticky-hard.sticking:not(.overlay-menu-toggle):not(.mobile-menu-toggle) .nav-bar {
    background: #000000 !important;
    color: #ffffff !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* Override theme sticky rules for dark skin */
body.menu-skin-dark.menu-sticky-soft.sticking:not(.overlay-menu-toggle):not(.mobile-menu-toggle) .nav-bar,
body.menu-skin-dark.menu-sticky-hard.sticking:not(.overlay-menu-toggle):not(.mobile-menu-toggle) .nav-bar {
    background: #000000 !important;
    color: #ffffff !important;
}

/* Force white text - scoped to header only */
#masthead #nav-bar a,
#masthead #nav-bar .logo-text,
#masthead .nav-bar a,
#masthead .nav-bar .logo-text,
#masthead #mobile-bar a,
#masthead #mobile-bar .logo-text,
#masthead .nav-menu-desktop a,
#masthead .cta-container a,
body.menu-skin-light.menu-sticky-soft.sticking .nav-bar a,
body.menu-skin-light.menu-sticky-soft.sticking .nav-bar strong,
body.menu-skin-light.menu-sticky-soft.sticking .nav-bar b,
body.menu-skin-light.menu-sticky-hard.sticking .nav-bar a,
body.menu-skin-light.menu-sticky-hard.sticking .nav-bar strong {
    color: #ffffff !important;
}

/* Hover */
#masthead #nav-bar a:hover,
#masthead .nav-bar a:hover {
    color: #cccccc !important;
}

/* Hamburger lines */
#masthead .nav-bar .hamburger-icon .line,
#masthead .nav-bar .hamburger-btn__span,
#masthead #mobile-bar .hamburger-btn__span,
body.menu-skin-light.menu-sticky-soft.sticking .nav-bar .hamburger-icon .line,
body.menu-skin-light.menu-sticky-hard.sticking .nav-bar .hamburger-icon .line {
    background-color: #ffffff !important;
}

/* SVG logos */
#masthead .nav-bar .logo-svg *,
body.menu-skin-light.menu-sticky-soft.sticking .nav-bar .logo-svg * {
    fill: #ffffff !important;
}