:root {
    --primary: #2f6f9f;
    --hov-primary: #24577f;
    --soft-primary: rgba(47, 111, 159, 0.15);
    --home-header-top-bg: #2f6f9f;
    --home-header-top-fg: #ffffff;
    --home-header-accent: #2f6f9f;
    --home-header-accent-hover: #24577f;
    --home-header-menu-bg: #edf4f9;
    --home-header-border: rgba(47, 111, 159, 0.28);
    --home-header-dropdown-bg: #f4f9fc;
    --home-header-dropdown-hover: #deedf7;
    --home-header-dropdown-text: #254b67;
}

.top-navbar {
    background-color: var(--home-header-top-bg) !important;
    border-bottom-color: var(--home-header-top-bg) !important;
}

.top-navbar,
.top-navbar a,
.top-navbar .dropdown-toggle,
.top-navbar .text-reset {
    color: var(--home-header-top-fg) !important;
}

.top-navbar .opacity-60 {
    opacity: 0.9 !important;
}

.top-navbar .dropdown-menu,
.top-navbar .dropdown-menu a {
    color: inherit;
}

.top-navbar #lang-change .dropdown-menu,
.top-navbar #currency-change .dropdown-menu {
    background-color: var(--home-header-dropdown-bg) !important;
    border: 1px solid var(--home-header-border) !important;
    box-shadow: 0 10px 24px rgba(37, 75, 103, 0.14);
    padding: 0.35rem;
}

.top-navbar #lang-change .dropdown-menu .dropdown-item,
.top-navbar #currency-change .dropdown-menu .dropdown-item {
    color: var(--home-header-dropdown-text) !important;
    border-radius: 0.35rem;
    background-color: transparent !important;
}

.top-navbar #lang-change .dropdown-menu .dropdown-item:hover,
.top-navbar #lang-change .dropdown-menu .dropdown-item:focus,
.top-navbar #currency-change .dropdown-menu .dropdown-item:hover,
.top-navbar #currency-change .dropdown-menu .dropdown-item:focus {
    background-color: var(--home-header-dropdown-hover) !important;
    color: var(--home-header-dropdown-text) !important;
}

.top-navbar #lang-change .dropdown-menu .dropdown-item.active,
.top-navbar #lang-change .dropdown-menu .dropdown-item:active,
.top-navbar #lang-change .dropdown-menu .dropdown-item.active:hover,
.top-navbar #lang-change .dropdown-menu .dropdown-item.active:focus,
.top-navbar #currency-change .dropdown-menu .dropdown-item.active,
.top-navbar #currency-change .dropdown-menu .dropdown-item:active,
.top-navbar #currency-change .dropdown-menu .dropdown-item.active:hover,
.top-navbar #currency-change .dropdown-menu .dropdown-item.active:focus {
    background-color: var(--home-header-accent) !important;
    color: #ffffff !important;
}

header.z-1020 {
    background-color: var(--home-header-menu-bg) !important;
}

header.z-1020 .logo-bar-area {
    background-color: transparent !important;
}

header.z-1020 > .bg-white.border-top {
    background-color: var(--home-header-menu-bg) !important;
    border-top-color: var(--home-header-border) !important;
}

header.z-1020 .front-header-search .input-group {
    border: 2px solid var(--home-header-accent);
    border-radius: 6px;
    overflow: hidden;
}

header.z-1020 .front-header-search .form-control {
    border: 0 !important;
    background-color: #ffffff;
}

header.z-1020 .front-header-search .btn.btn-primary {
    background-color: var(--home-header-accent) !important;
    border-color: var(--home-header-accent) !important;
}

header.z-1020 .front-header-search .btn.btn-primary:hover,
header.z-1020 .front-header-search .btn.btn-primary:focus {
    background-color: var(--home-header-accent-hover) !important;
    border-color: var(--home-header-accent-hover) !important;
}

header.z-1020 .category-menu-icon-box .dropdown-toggle {
    border-color: var(--home-header-border) !important;
}

@media (max-width: 991.98px) {
    .top-navbar .mobile-top-support-item {
        margin-left: auto !important;
        white-space: nowrap;
    }

    .top-navbar .mobile-top-support-item a {
        font-size: 12px;
        font-weight: 600;
    }

    .top-navbar .mobile-top-support-item i {
        font-size: 14px;
    }
}

/* Bonanza-Shop storefront palette, 2026-09-13.
 * Body-level variables intentionally take precedence over the legacy inline
 * :root theme settings. Seller/admin layouts do not carry this scope class.
 */
body.bonanza-storefront {
    --primary: #32745d;
    --hov-primary: #255b48;
    --soft-primary: rgba(50, 116, 93, 0.12);
    --home-header-top-bg: #e4f2e8;
    --home-header-top-fg: #285343;
    --home-header-accent: var(--primary);
    --home-header-accent-hover: var(--hov-primary);
    --home-header-menu-bg: #f0f6ed;
    --home-header-border: #d9e6da;
    --home-header-dropdown-bg: #ffffff;
    --home-header-dropdown-hover: #edf5ef;
    --home-header-dropdown-text: #285343;
    --bonanza-paper: #fffefa;
    --bonanza-ink: #293f35;
    --bonanza-muted: #657369;
    --bonanza-accent: #b84f38;
    background-color: #f7f8f2;
    color: var(--bonanza-ink);
}

.bonanza-storefront .aiz-main-wrapper {
    background-color: #f7f8f2;
}

.bonanza-storefront .top-navbar {
    border-bottom-color: var(--home-header-border) !important;
}

.bonanza-storefront .top-navbar .border-right,
.bonanza-storefront .top-navbar .border-left {
    border-color: #c8dccd !important;
}

/* Keep notification dropdown links readable, as well as language/currency. */
.bonanza-storefront .top-navbar .dropdown-menu,
.bonanza-storefront .top-navbar .dropdown-menu a,
.bonanza-storefront .top-navbar .dropdown-menu .text-reset {
    color: var(--bonanza-ink) !important;
}

.bonanza-storefront .top-navbar .dropdown-menu .dropdown-item.active,
.bonanza-storefront .top-navbar .dropdown-menu .dropdown-item:active {
    color: #ffffff !important;
}

.bonanza-storefront header.z-1020 {
    background-color: var(--bonanza-paper) !important;
    border-bottom-color: var(--home-header-border) !important;
    box-shadow: 0 3px 12px rgba(41, 63, 53, 0.04) !important;
}

.bonanza-storefront header.z-1020 .front-header-search {
    background-color: var(--bonanza-paper) !important;
}

.bonanza-storefront header.z-1020 .front-header-search .input-group {
    border-color: #a8c6b3;
    border-radius: 12px;
}

.bonanza-storefront header.z-1020 .front-header-search .input-group:focus-within {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px var(--soft-primary);
}

.bonanza-storefront header.z-1020 .front-header-search .form-control::placeholder {
    color: var(--bonanza-muted);
    opacity: 1;
}

.bonanza-storefront header.z-1020 .front-header-search .btn.btn-primary {
    color: #ffffff;
}

.bonanza-storefront header.z-1020 > .border-top a {
    color: var(--home-header-top-fg) !important;
    opacity: 1 !important;
    border-radius: 8px;
}

.bonanza-storefront header.z-1020 > .border-top a:hover,
.bonanza-storefront header.z-1020 > .border-top a:focus-visible {
    background-color: #deeddf;
    color: var(--hov-primary) !important;
}

.bonanza-storefront header.z-1020 .nav-box-link {
    color: var(--bonanza-ink);
}

.bonanza-storefront header.z-1020 .badge-primary,
.bonanza-storefront .aiz-mobile-bottom-nav .badge-primary {
    background-color: var(--bonanza-accent);
    color: #ffffff;
}

.bonanza-storefront .text-muted,
.bonanza-storefront .text-secondary {
    color: var(--bonanza-muted) !important;
}

.bonanza-storefront .aiz-card-box {
    border-color: #e2e9df !important;
    border-radius: 10px;
}

.bonanza-storefront .aiz-card-box:hover {
    border-color: #b7d0bf !important;
    box-shadow: 0 6px 18px rgba(41, 63, 53, 0.08);
}

.bonanza-storefront .btn-primary:focus-visible,
.bonanza-storefront .btn-outline-primary:focus-visible {
    outline: 2px solid var(--hov-primary);
    outline-offset: 3px;
}

.bonanza-storefront .footer-widget {
    background-color: #284d40 !important;
    color: #f4f7ef !important;
}

.bonanza-storefront footer.bg-black {
    background-color: #203e34 !important;
    color: #f4f7ef !important;
}

.bonanza-storefront .aiz-mobile-bottom-nav {
    background-color: var(--bonanza-paper) !important;
    border-color: var(--home-header-border) !important;
}

.bonanza-storefront .customer-message-float {
    background-color: #526e60;
}

.bonanza-storefront .customer-message-float.is-active {
    background-color: var(--primary);
    animation-name: bonanza-message-pulse;
}

.bonanza-storefront .customer-message-float__count {
    background-color: var(--bonanza-accent);
}

@keyframes bonanza-message-pulse {
    0% { box-shadow: 0 0 0 0 rgba(50, 116, 93, 0.4); }
    70% { box-shadow: 0 0 0 12px rgba(50, 116, 93, 0); }
    100% { box-shadow: 0 0 0 0 rgba(50, 116, 93, 0); }
}

@media (prefers-reduced-motion: reduce) {
    .bonanza-storefront .customer-message-float.is-active {
        animation: none;
    }
}