/* Heseler NOVA – white header variant.
   Loaded last so the tested layout remains intact and only its colours,
   surfaces and small visual details are changed. */

:root {
    --heseler-orange: #f39213;
    --heseler-ink: #111820;
    --heseler-muted: #626973;
    --heseler-line: #e1e4e8;
    --heseler-soft: #f5f6f7;
}

.heseler-trustbar {
    background: #f5f6f7 !important;
    color: #343a40 !important;
    border-bottom: 1px solid #e1e4e8 !important;
}

.heseler-trustbar a {
    color: #343a40 !important;
}

#jtl-nav-wrapper,
#jtl-nav-wrapper .hide-navbar,
#jtl-nav-wrapper .hide-navbar > .navbar,
#jtl-nav-wrapper > .menu-multiple-rows-scroll,
#jtl-nav-wrapper > .menu-multiple-rows-scroll > .navbar {
    background: #fff !important;
    color: var(--heseler-ink) !important;
}

#jtl-nav-wrapper {
    border-bottom: 1px solid var(--heseler-orange) !important;
    box-shadow: 0 2px 12px rgba(17, 24, 32, 0.08) !important;
}

#jtl-nav-wrapper #search .input-group {
    border-color: #d9dde2 !important;
    background: var(--heseler-soft) !important;
    box-shadow: inset 0 1px 2px rgba(17, 24, 32, 0.03) !important;
}

#jtl-nav-wrapper #search .form-control,
#jtl-nav-wrapper #search .btn {
    background: transparent !important;
    color: var(--heseler-ink) !important;
}

#jtl-nav-wrapper #search .form-control::placeholder {
    color: #737983 !important;
    opacity: 1 !important;
}

.heseler-review {
    color: #535a64 !important;
}

.heseler-review-line strong,
.heseler-review a {
    color: var(--heseler-ink) !important;
}

.heseler-review-stars,
.heseler-review a:hover {
    color: var(--heseler-orange) !important;
}

#jtl-nav-wrapper #shop-nav .nav-link,
#jtl-nav-wrapper #shop-nav .fas,
#jtl-nav-wrapper #shop-nav .far,
#jtl-nav-wrapper #mainNavigation .nav-link {
    color: var(--heseler-ink) !important;
}

#jtl-nav-wrapper #shop-nav .nav-link:hover,
#jtl-nav-wrapper #shop-nav .nav-link:focus,
#jtl-nav-wrapper #mainNavigation .nav-link:hover,
#jtl-nav-wrapper #mainNavigation .nav-link:focus,
#jtl-nav-wrapper #mainNavigation .nav-item.active > .nav-link,
#jtl-nav-wrapper #mainNavigation .nav-item.show > .nav-link {
    color: var(--heseler-orange) !important;
}

#jtl-nav-wrapper #mainNavigation .dropdown-menu {
    border: 1px solid var(--heseler-line) !important;
    background: #fff !important;
    color: var(--heseler-ink) !important;
    box-shadow: 0 12px 28px rgba(17, 24, 32, 0.12) !important;
}

#jtl-nav-wrapper #mainNavigation .dropdown-menu .dropdown-item,
#jtl-nav-wrapper #mainNavigation .dropdown-menu a {
    color: #30363d !important;
}

#jtl-nav-wrapper #mainNavigation .dropdown-menu .dropdown-item:hover,
#jtl-nav-wrapper #mainNavigation .dropdown-menu .dropdown-item:focus,
#jtl-nav-wrapper #mainNavigation .dropdown-menu a:hover,
#jtl-nav-wrapper #mainNavigation .dropdown-menu a:focus {
    background: var(--heseler-soft) !important;
    color: var(--heseler-orange) !important;
}

#jtl-nav-wrapper .cart-icon-dropdown .fa-sup {
    background: var(--heseler-orange) !important;
    color: #fff !important;
}

@media (max-width: 991.98px) {
    #jtl-nav-wrapper,
    #jtl-nav-wrapper .hide-navbar,
    #jtl-nav-wrapper .hide-navbar > .navbar {
        background: #fff !important;
        color: var(--heseler-ink) !important;
    }

    #jtl-nav-wrapper #burger-menu,
    #jtl-nav-wrapper .navbar-toggler-icon,
    #jtl-nav-wrapper .search-wrapper-dropdown > .nav-link,
    #jtl-nav-wrapper .cart-icon-dropdown > .nav-link,
    #jtl-nav-wrapper .nav-icons-wrapper .nav-link,
    #jtl-nav-wrapper .nav-icons-wrapper .fas,
    #jtl-nav-wrapper .nav-icons-wrapper .far {
        color: var(--heseler-ink) !important;
    }

    #jtl-nav-wrapper .navbar-toggler-icon::before,
    #jtl-nav-wrapper .navbar-toggler-icon::after {
        background-color: currentColor !important;
    }

    #jtl-nav-wrapper #mainNavigation {
        border-top: 1px solid var(--heseler-orange) !important;
        background: #fff !important;
        color: var(--heseler-ink) !important;
        box-shadow: 0 12px 24px rgba(17, 24, 32, 0.16) !important;
    }

    #jtl-nav-wrapper #mainNavigation .nav-mobile-body,
    #jtl-nav-wrapper #mainNavigation .nav-scrollbar-inner,
    #jtl-nav-wrapper #mainNavigation .navbar-nav {
        background: #fff !important;
    }

    #jtl-nav-wrapper #mainNavigation .nav-link,
    #jtl-nav-wrapper #mainNavigation .dropdown-menu .subcategory-wrapper a {
        border-bottom-color: var(--heseler-line) !important;
        color: var(--heseler-ink) !important;
    }

    #jtl-nav-wrapper .search-wrapper-dropdown > .dropdown-menu {
        border-top: 1px solid var(--heseler-orange) !important;
        background: #fff !important;
        box-shadow: 0 10px 22px rgba(17, 24, 32, 0.16) !important;
    }

    #jtl-nav-wrapper .search-wrapper-dropdown .form-control {
        border-color: #d9dde2 !important;
        background: var(--heseler-soft) !important;
        color: var(--heseler-ink) !important;
    }

    #jtl-nav-wrapper .search-wrapper-dropdown .btn {
        border-color: var(--heseler-orange) !important;
        background: var(--heseler-orange) !important;
        color: #fff !important;
    }
}