/* Site-wide brand palette: navy blue + orange */
:root {
    --brand-navy: #0b1f3a;
    --brand-navy-light: #123b5d;
    --brand-orange: #f97316;
    --brand-orange-dark: #c2410c;
    --brand-orange-soft: #fff1e6;
    --brand-surface: #f8fafc;
    --store-ink: var(--brand-navy) !important;
    --store-blue: var(--brand-navy) !important;
    --store-rust: var(--brand-orange) !important;
    --store-gold: var(--brand-orange) !important;
    --home-green: var(--brand-navy) !important;
    --home-green-dark: var(--brand-navy) !important;
    --home-lime: var(--brand-orange) !important;
    --editorial-ink: var(--brand-navy) !important;
    --editorial-red: var(--brand-orange) !important;
    --editorial-blue: var(--brand-navy-light) !important;
}

::selection { color: #fff; background: var(--brand-orange); }
a { transition: color .2s ease; }
a:hover { color: var(--brand-orange); }

/* Header and navigation */
.header { box-shadow: 0 8px 26px rgba(11, 31, 58, .12) !important; }
.header_search form { border-color: var(--brand-navy) !important; }
.bg-theme,
.main-nav { background-color: #ffffff !important; }
.btn-search { background-color: var(--brand-navy) !important; }
.btn-search:hover,
.site-menu .nav-item:hover > .menu-link,
.site-menu .nav-item.active > .menu-link { color: var(--brand-orange) !important; background-color: var(--brand-orange-soft) !important; }
.site-menu .nav-item > .menu-link { color: var(--brand-navy) !important; }
.main-nav { border-bottom: 1px solid rgba(11, 31, 58, .12) !important; box-shadow: 0 8px 24px rgba(11, 31, 58, .1) !important; }
.header .fa-user-plus,
.header .fa-user-circle,
.header .fa-shopping-cart,
.header .fa-bars { color: var(--brand-navy) !important; }
.cart-badge { background-color: var(--brand-orange) !important; }
.navigation-mega-menu.dropdown .dropdown-item:hover { color: var(--brand-orange) !important; background: var(--brand-orange-soft) !important; }

/* Common controls across shop, account, cart and checkout pages */
.btn-primary,
.background-main,
.bg-primary,
.add-to-cart,
.buy-now,
.product-cart-btn,
.checkout-btn,
button[type="submit"]:not(.btn-search):not(.close) {
    color: #fff !important;
    background-color: var(--brand-navy) !important;
    border-color: var(--brand-navy) !important;
}
.btn-primary:hover,
.add-to-cart:hover,
.buy-now:hover,
.product-cart-btn:hover,
.checkout-btn:hover,
button[type="submit"]:not(.btn-search):not(.close):hover {
    color: #fff !important;
    background-color: var(--brand-orange) !important;
    border-color: var(--brand-orange) !important;
}
.btn-outline-primary { color: var(--brand-navy) !important; border-color: var(--brand-navy) !important; }
.btn-outline-primary:hover { color: #fff !important; background: var(--brand-orange) !important; border-color: var(--brand-orange) !important; }
.text-primary { color: var(--brand-orange) !important; }
.border-primary { border-color: var(--brand-orange) !important; }
input:focus, select:focus, textarea:focus, .form-control:focus {
    border-color: var(--brand-orange) !important;
    box-shadow: 0 0 0 .2rem rgba(249, 115, 22, .16) !important;
}

/* Product and homepage accents */
.product-section-label,
.current-price,
.brand-name,
.view-all-text,
.section-title span { color: var(--brand-orange) !important; }
.title-decoration span,
.title-decoration i { background: var(--brand-orange) !important; border-color: var(--brand-orange) !important; }
.custom-ac-card:hover { border-color: var(--brand-orange) !important; box-shadow: 0 16px 36px rgba(11, 31, 58, .14) !important; }
.badge-bestseller { color: #fff !important; background: var(--brand-navy) !important; }
.badge-discount { color: #fff !important; background: var(--brand-orange) !important; }
.category-box-section,
.category-content { background-color: var(--brand-navy) !important; }
.home-back-to-top { background: var(--brand-navy) !important; }
.home-back-to-top:hover { background: var(--brand-orange) !important; }

/* Footer */
#footer,
#footer .background-main,
#footer .copyright { background: var(--brand-navy) !important; }
#footer .footer-title.line-after::after,
#footer .social-btn:hover { background: var(--brand-orange) !important; }
#footer .footer-menu-container a:hover,
#footer .col-contact strong,
#footer .col-contact a:hover { color: var(--brand-orange) !important; }
#footer .social-btn:hover { color: #fff !important; }
#footer .copyright { border-top: 1px solid rgba(249, 115, 22, .55) !important; }