/* ============================================================
   Chadmama theme polish (added by upgrade) — navy + gold refresh.
   Loaded LAST. Additive only: restyles existing elements, no
   markup/JS changes. Keeps cart & checkout fully intact.
   ============================================================ */
:root{
    --c-navy:#1B2A5B; --c-navy2:#2A3F7A; --c-gold:#E8B923; --c-gold-d:#caa00f;
    --c-ink:#16203c; --c-muted:#6b7691; --c-line:#e9edf6;
}

body{ background:#f6f8fc; color:var(--c-ink); }

/* ---------- Buttons ---------- */
.btn-primary,.main-bg.btn,.btn.main-bg,.order_now_btn,.add_cart_btn,.button.main-bg{
    background:linear-gradient(135deg,var(--c-navy),var(--c-navy2)) !important;
    border:none !important; color:#fff !important; border-radius:10px !important;
    font-weight:700 !important; transition:.2s ease !important;
}
.order_now_btn,.order_now_btn_m{ box-shadow:0 6px 16px rgba(27,42,91,.28) !important; }
.btn-primary:hover,.order_now_btn:hover,.add_cart_btn:hover,.btn.main-bg:hover{
    filter:brightness(1.08); transform:translateY(-2px);
}
.add_cart_btn{ background:#fff !important; color:var(--c-navy) !important; border:1.5px solid var(--c-navy) !important; }
.add_cart_btn:hover{ background:var(--c-navy) !important; color:#fff !important; }

/* primary "order" cart button inside product cards */
.axil-product .button.main-bg,.axil-product .reg.main-bg{
    border-radius:0 0 14px 14px !important; padding:11px !important;
    background:linear-gradient(135deg,var(--c-navy),var(--c-navy2)) !important;
}
.axil-product .button.main-bg *{ color:#fff !important; }

/* ---------- Product cards ---------- */
.axil-product{
    background:#fff !important; border:1px solid var(--c-line) !important;
    border-radius:14px !important; overflow:hidden !important;
    box-shadow:0 6px 18px rgba(27,42,91,.06) !important; transition:.22s ease !important;
}
.axil-product:hover{ transform:translateY(-4px); box-shadow:0 14px 30px rgba(27,42,91,.13) !important; }
.axil-product .thumbnail{ border-radius:14px 14px 0 0 !important; background:#fff; }
.axil-product .product_img{ transition:transform .3s ease; }
.axil-product:hover .product_img{ transform:scale(1.05); }
.axil-product .current-price{ color:var(--c-navy) !important; }
.axil-product .old-price{ color:var(--c-muted) !important; text-decoration:line-through; }

/* discount + stockout badges */
.product-badget{ border-radius:8px !important; font-weight:800 !important; letter-spacing:.3px; }
.product-badget[style*="00276C"],.label-right .product-badget:first-child{
    background:var(--c-gold) !important; color:var(--c-navy) !important;
}

/* ---------- Header / search ---------- */
.product-search-input,input[name="q"]{
    border:1.5px solid var(--c-line) !important; border-radius:30px !important;
    padding-left:16px !important; box-shadow:0 2px 8px rgba(27,42,91,.05);
}
.product-search-input:focus,input[name="q"]:focus{ border-color:var(--c-navy) !important; outline:none; }
.cart-count{ background:var(--c-gold) !important; color:var(--c-navy) !important; font-weight:800 !important; }

/* ---------- Section titles ---------- */
.popular_product span,.section_title h4,.prodCatcus span{ color:var(--c-navy) !important; }
.popular_product b{ background:var(--c-gold) !important; }

/* ---------- Category cards ---------- */
.category-grid a{ border:1px solid var(--c-line) !important; border-radius:14px !important; transition:.2s ease; }
.category-grid a:hover{ border-color:var(--c-gold) !important; box-shadow:0 10px 24px rgba(27,42,91,.12) !important; transform:translateY(-4px); }

/* ---------- Bottom mobile nav ---------- */
.footer-nav{ box-shadow:0 -4px 18px rgba(27,42,91,.10) !important; border-top:1px solid var(--c-line); }
.footer-nav .button-shop a span,.footer-nav .button-shop a i,.button-shop a.footerBtn i{ color:var(--c-navy) !important; }

/* ---------- View-all / pills ---------- */
.view_all .btn.main-bg{ background:var(--c-gold) !important; color:var(--c-navy) !important; font-weight:800 !important; }

/* ---------- Footer ---------- */
footer.main-bg{ background:linear-gradient(135deg,var(--c-navy),var(--c-navy2)) !important; }
footer .h4,footer h5{ color:var(--c-gold) !important; }

/* ---------- Back-to-top ---------- */
#backto-top.main-bg{ border-radius:50% !important; box-shadow:0 6px 16px rgba(27,42,91,.3) !important; }

/* gentle global rounding for cards/inputs */
.card{ border-radius:14px !important; }
.form-control{ border-radius:10px; }
