/* =========================================
   PREMIUM HEADER — REMOVE HEAVY BLUE AREA
========================================= */

/* Main header */
header,
.header,
.site-header,
.main-header {
    background: #ffffff !important;
    color: #222222 !important;
    box-shadow: 0 1px 5px rgba(0,0,0,0.06) !important;
}

/* Header links */
header a,
.header a,
.site-header a,
.main-header a {
    color: #222222 !important;
}

/* Navigation hover */
header a:hover,
.header a:hover,
.site-header a:hover,
.main-header a:hover {
    color: #29A56C !important;
}

/* Brand / Logo text */
header .logo,
header .brand,
.header .logo,
.header .brand,
.site-header .logo,
.site-header .brand {
    color: #0E4B35 !important;
}

/* Header icons */
header svg,
.header svg,
.site-header svg,
.main-header svg {
    color: #0E4B35 !important;
    stroke: #0E4B35 !important;
}

/* Cart badge */
.cart-count,
.cart-badge,
.cart .badge,
.header-cart .badge {
    background: #29A56C !important;
    color: #ffffff !important;
}

/* =========================================
   KEEP ROYAL BLUE ONLY FOR MAIN CTA
========================================= */

.buy-now,
.buy-now-button,
button.buy-now,
.product-buy-now {
    background: #2563EB !important;
    border-color: #2563EB !important;
    color: #ffffff !important;
}

.buy-now:hover,
.buy-now-button:hover,
button.buy-now:hover,
.product-buy-now:hover {
    background: #1D4ED8 !important;
    border-color: #1D4ED8 !important;
}

/* ADD button */
.add-to-cart,
.add-btn,
.product-add-button {
    background: #ffffff !important;
    border: 1px solid #2563EB !important;
    color: #2563EB !important;
}

.add-to-cart:hover,
.add-btn:hover,
.product-add-button:hover {
    background: #EFF6FF !important;
}

/* =========================================
   TOP ANNOUNCEMENT BAR
========================================= */

.top-bar,
.announcement-bar,
.shipping-bar,
.marquee-bar {
    background: #07111F !important;
    color: #ffffff !important;
}

/* =========================================
   MOBILE HEADER
========================================= */

@media (max-width: 768px) {

    header,
    .header,
    .site-header,
    .main-header {
        background: #ffffff !important;
    }

    header a,
    .header a,
    .site-header a,
    .main-header a {
        color: #222222 !important;
    }

}