.navbar-brand img {
    filter: brightness(0) invert(1) !important;
}
.nav-style-1 .list-group-item.dropdown:hover .dropdown-toggle,
.nav-style-1 .list-group-item:hover .item-text {
    border-bottom: 1px solid #fff;
    margin-bottom: -1px;
}
.nav-style-1 .list-group-item .item-text,
.nav-style-1 .list-group-item.dropdown .dropdown-toggle {
    /* Header Customizer text color (Modules/Themes/Resources/views/header.blade.php) —
       falls back to the historical white when unconfigured. Previously this
       flipped to #000 on .sticky via a second rule below, but that rule's
       second selector was unscoped (matched at all times) and, combined with
       the sticky background also being #000, made nav text invisible once
       scrolled — removed rather than parametrized. */
    color: var(--header-text-color, #fff) !important;
}
.searchBar {
    height: 50px;
    background: 0 0 !important;
    color: #000 !important;
    border: none;
}
.searchBar:focus {
    background: 0 0 !important;
    border: none;
    box-shadow: none;
}
.searchForm {
    background: #ffffff73 !important;
    display: none;
}
.searchBar::placeholder {
    color: #000 !important;
    opacity: 0.5;
}
.searchResults {
    background: #000000c7 !important;
    backdrop-filter: blur(10px);
    display: none;
}
.searchResults a,
.searchResults h6 {
    color: #fff;
}
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}
#stickyNavbar {
    /* Applies the Header Customizer background before scrolling too (top of
       page), not just while sticky — falls back to transparent, unchanged
       from today (the hero gradient on .main-header still shows through). */
    background: var(--header-bg, transparent);
}
#stickyNavbar.sticky {
    /* Header Customizer background — falls back to the historical black.
       Sticky and non-sticky intentionally share the same configured value
       (or the same per-context fallback when unconfigured) rather than
       having a separate forced sticky-state color. */
    background: var(--header-bg, #000);
    z-index: 9999;
    box-shadow: 0 0 24px #0000001c;
    padding-bottom: 10px;
}
.sticky + .content {
    padding-top: 60px;
}
.main-header {
    top: 0;
    background: linear-gradient(180deg, #000000a1, transparent);
    height: 100px;
}
.curMenu .btn,
.header-navbar .my-btn-secondary {
    /* !important needed: the theme customizer's Colors-tab override
       (Template/default/partials/assets.blade.php) blanket-applies
       `.my-btn-secondary { color: ... !important }` for storefront body
       buttons, which would otherwise beat this header-scoped rule and
       clobber the Header Customizer's own text color on the search/currency
       buttons that reuse the same class. */
    color: var(--header-text-color, #fff) !important;
}
/* Login/Register button (guest state) — separate class from .my-btn-secondary,
   scoped to the header only so the base .my-btn-secondary-white class used
   elsewhere on the page isn't affected. */
.header-navbar .my-btn-secondary-white,
.header-navbar .my-btn-secondary-white a {
    color: var(--header-text-color, #fff) !important;
}
/* Hamburger icon — follows the Header Customizer text color like the rest
   of the header icons/text (search, currency, login). */
.header-navbar .mobileMenuButton a {
    color: var(--header-text-color, #fff) !important;
}