/* =====================================================================
   iferi-style PREMIUM theme — global overrides
   Loaded LAST (after the footer partial) so it wins over inline styles.
   Original theme classes are kept; only look & feel is retuned.
   ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Hind+Siliguri:wght@400;500;600&display=swap');

:root{
    /* iferi palette — near-black ink + cyan-blue accents, modern sans, every page */
    --if-ink:#222222;
    --if-ink-soft:#444444;
    --if-muted:#666666;
    --if-line:#e9edf1;
    --if-soft:#f5f8fa;
    --if-gold:#2ba7e0;
    --if-gold-deep:#1273a8;
    --if-danger:#c0392b;
    --if-serif:'Poppins', 'Hind Siliguri', system-ui, sans-serif;
    --if-sans:'Poppins', 'Hind Siliguri', system-ui, sans-serif;
}
h1,h2,h3,h4,h5{ font-weight:500; }

/* ---------- re-point the axil template's own palette (every page) ----------
   header.css re-declares --color-primary on body, so override there too */
:root, body{
    --color-primary:#2ba7e0;
    --color-secondary:#1273a8;
    --color-heading:#222222;
    --color-body:#555555;
    --color-lighter:#f5f8fa;
    --color-border-light:#e9edf1;
}
.title-highlighter.highlighter-primary{ color:var(--if-gold-deep) !important; }
.axil-order-summery{ background:var(--if-soft) !important; border-radius:16px; }
.axil-order-summery .title, .product-table-heading .title{ font-family:var(--if-serif) !important; color:var(--if-ink) !important; }
.cart-clear{ color:var(--if-danger) !important; }
input[type=radio]{ accent-color:var(--if-gold); }

/* ---------- typography ---------- */
body, .hind, .hind-siliguri{ font-family:var(--if-sans); color:var(--if-ink); }
h1,h2,h3,.section-title,.footer-col-title,.wc-tabs-wrapper .title,
.product-details-content .title, .pcat-head h3, .sec-head h2{
    font-family:var(--if-serif) !important; letter-spacing:.01em;
}
a{ transition:color .25s ease; }
a:hover{ color:var(--if-gold-deep); }

/* ---------- buttons ---------- */
.btn-primary, .btn-dark, .axil-btn, .add_to_cart_button, .order-btn,
button.order-now, .buy-now-btn, .checkout-btn, .place-order-btn{
    background:var(--if-ink) !important; border-color:var(--if-ink) !important;
    color:#fff !important; border-radius:40px !important; letter-spacing:.06em;
    font-weight:500; transition:all .3s cubic-bezier(.22,1,.36,1) !important;
}
.btn-primary:hover, .btn-dark:hover, .axil-btn:hover, .add_to_cart_button:hover,
.order-btn:hover, button.order-now:hover, .buy-now-btn:hover,
.checkout-btn:hover, .place-order-btn:hover{
    background:var(--if-gold-deep) !important; border-color:var(--if-gold-deep) !important;
    transform:translateY(-2px); box-shadow:0 12px 24px -12px rgba(156,123,65,.6);
}
.btn-outline-primary, .btn-outline-dark{
    border-radius:40px !important; border-color:var(--if-gold) !important; color:var(--if-gold-deep) !important;
}
.btn-outline-primary:hover, .btn-outline-dark:hover{ background:var(--if-gold) !important; color:#fff !important; }

/* ---------- forms ---------- */
.form-control, .form-select, .premium-input-group input, .premium-input-group select, textarea.form-control{
    border-radius:10px !important; border:1px solid var(--if-line) !important;
    padding:.65rem .9rem; font-family:var(--if-sans);
}
.form-control:focus, .form-select:focus{
    border-color:var(--if-gold) !important; box-shadow:0 0 0 .18rem rgba(184,149,90,.18) !important;
}
.form-label, .payment-card-label{ font-weight:500; color:var(--if-ink-soft); }
.form-check-input:checked{ background-color:var(--if-gold) !important; border-color:var(--if-gold) !important; }

/* ---------- cards (checkout / generic) ---------- */
.card{ border-radius:16px !important; border:1px solid var(--if-line) !important; box-shadow:0 12px 30px -22px rgba(0,0,0,.28) !important; }
.card .card-title, .card h4, .card h5{ font-family:var(--if-serif) !important; }

/* =====================================================================
   HEADER — the iferi-style header partial styles itself; nothing needed
   ===================================================================== */

/* =====================================================================
   FOOTER — premium
   ===================================================================== */
.footer-col-title{ color:var(--if-ink) !important; font-weight:700; position:relative; padding-bottom:10px; }
.footer-col-title::after{ content:""; position:absolute; left:0; bottom:0; width:38px; height:2px; background:var(--if-gold); }
.footer-link-list a{ color:var(--if-ink-soft) !important; }
.footer-link-list a:hover{ color:var(--if-gold-deep) !important; padding-left:4px; }
.footer-social-icon .icon-wrap, .footer-social-icon a{ transition:.3s ease; }
.footer-social-icon .icon-wrap:hover, .footer-social-icon a:hover{ background:var(--if-gold) !important; color:#fff !important; border-color:var(--if-gold) !important; }
.stay-connected-block .sc-tagline{ font-family:var(--if-serif); }

/* =====================================================================
   PRODUCT DETAIL (show)
   ===================================================================== */
.product-details-content .title, .single-product .title{ font-family:var(--if-serif) !important; font-weight:700; font-size:clamp(24px,3vw,36px); }
.product-details .price, .price-amount, .product-price, .current-price{ color:var(--if-ink) !important; font-family:var(--if-serif); font-weight:700; }
.product-details .price ins, ins .amount{ color:var(--if-gold-deep) !important; text-decoration:none; }
.product-details del, del .amount, .old-price{ color:var(--if-muted) !important; }
.small-thumb-img{ border-radius:10px !important; border:1px solid var(--if-line) !important; overflow:hidden; }
.small-thumb-img.active, .small-thumb-img:hover{ border-color:var(--if-gold) !important; }
.thumbnail img, .product-large-thumb img, .popup-zoom img{ border-radius:14px; }
.variant-group .variant-btn, .variant-group label{ border-radius:8px !important; }
.variant-group .variant-btn.active, .variant-group input:checked + label{ border-color:var(--if-gold) !important; background:var(--if-soft) !important; color:var(--if-gold-deep) !important; }
.woocommerce-tabs .wc-tab-nav a, .wc-tabs-wrapper .nav-link{ color:var(--if-ink-soft) !important; font-family:var(--if-sans); letter-spacing:.04em; }
.woocommerce-tabs .wc-tab-nav a.active, .wc-tabs-wrapper .nav-link.active{ color:var(--if-gold-deep) !important; border-color:var(--if-gold) !important; }
.tags-container .question-tag, .tags-container .tag{ background:var(--if-soft) !important; border:1px solid var(--if-line) !important; border-radius:30px !important; color:var(--if-ink-soft) !important; }

/* =====================================================================
   LISTING / CATEGORY pages — reuse premium product card look
   ===================================================================== */
.axil-product, .product-card, .product-grid-item{ border-radius:14px; }
.section-title, .page-title, .breadcrumb-title{ font-family:var(--if-serif) !important; }
.breadcrumb a{ color:var(--if-gold-deep); }

/* square (1:1) product images — PRODUCT CARDS ONLY.
   Never bare `.axil-product .thumbnail`: the show-page gallery root also
   carries .axil-product and this rule blows its slick slides up to the
   full track width. */
.axil-product.product-style-clean .thumbnail, .product-card .thumbnail, .product-grid-item .thumbnail,
.axil-product.product-style-clean .thumb-link{
    position:relative !important; display:block !important;
    aspect-ratio:1/1 !important; width:100% !important; height:auto !important;
    overflow:hidden !important; background:var(--if-soft) !important;
}
.axil-product.product-style-clean .thumbnail img, .axil-product.product-style-clean .thumb-link img,
.axil-product.product-style-clean .product_img,
.product-card .thumbnail img, .product-grid-item .thumbnail img{
    width:100% !important; height:100% !important; object-fit:cover !important;
    display:block !important; position:absolute !important; inset:0 !important;
}

/* =====================================================================
   CHECKOUT specifics
   ===================================================================== */
.payment-card-label{ border-radius:12px !important; }
.payment-card-label:hover{ border-color:var(--if-gold) !important; }
.order-summary, .checkout-summary, .cart-summary{ background:var(--if-soft) !important; border-radius:16px !important; }
.checkout-total, .grand-total{ font-family:var(--if-serif); font-weight:700; color:var(--if-ink); }

/* =====================================================================
   FOOTER — iferi light: re-point the footer partial's DB-driven vars
   ===================================================================== */
:root{
    --footer-bg1:#ffffff;
    --footer-bg2:#f8fbfd;
    --footer-bg3:#eef5f9;
    --footer-text:#16324a;
    --footer-hover:#1273a8;
    --footer-subtitle:#5c7285;
    --footer-grad1:#45bdec;
    --footer-grad2:#2ba7e0;
    --pill-bg:#f5f8fa;
    --pill-border:#d7e2ea;
    --pill-hover-bg:#2ba7e0;
    --pill-hover-text:#ffffff;
    --underline:#2ba7e0;
    --social-border:#d7e2ea;
    --social-bg:#f5f8fa;
    --social-hover-bg:#2ba7e0;
    --social-hover-text:#ffffff;
}
.footer-modern{ border-top:1px solid #e9edf1; }
.footer-modern::before{ animation:none !important; height:2px !important; }
/* white logo art needs a dark chip on the light footer */
.footer-logo-wrap, .footer-brand-block > a:first-child img, .footer-modern img[alt*="ogo"]{
    background:#0c3a5c; border-radius:10px; padding:8px 12px;
}

/* =====================================================================
   MOBILE BOTTOM NAV — premium floating glass dock (markup in footer)
   Categories | HOME (raised glossy circle) | Call
   ===================================================================== */
.ifr-bnav{
    position:fixed;
    bottom:calc(16px + env(safe-area-inset-bottom, 0px));
    left:50%;
    transform:translateX(-50%);
    width:min(320px, calc(100% - 40px));
    height:64px;
    background:linear-gradient(180deg, rgba(255,255,255,.88), rgba(244,250,254,.78));
    -webkit-backdrop-filter:blur(22px) saturate(180%);
    backdrop-filter:blur(22px) saturate(180%);
    border:1px solid rgba(255,255,255,.9);
    border-radius:32px;
    box-shadow:
        0 24px 48px -14px rgba(12,58,92,.38),
        0 8px 18px -8px rgba(12,58,92,.16),
        inset 0 1px 0 rgba(255,255,255,.95);
    display:none;
    align-items:center;
    justify-content:space-around;
    z-index:99999;
    padding:0 10px;
    animation:ifrDockIn .65s cubic-bezier(.34,1.56,.64,1) .15s both;
}
@keyframes ifrDockIn{
    from{ opacity:0; transform:translateX(-50%) translateY(26px) scale(.94); }
    to{   opacity:1; transform:translateX(-50%) translateY(0)    scale(1); }
}

.ifr-bnav a, .ifr-bnav button{
    display:flex; align-items:center; justify-content:center;
    width:46px; height:46px;
    background:transparent;
    border:0; border-radius:16px;
    color:#3d5a73 !important;
    text-decoration:none !important;
    font-size:21px;
    transition:all .28s cubic-bezier(.34,1.56,.64,1);
    padding:0;
    -webkit-tap-highlight-color:transparent;
}
.ifr-bnav a:hover, .ifr-bnav button:hover{
    color:#0086e0 !important;
    background:rgba(0,173,253,.12);
    transform:translateY(-2px);
}
.ifr-bnav a:active, .ifr-bnav button:active{ transform:scale(.86); }

/* raised glossy HOME circle */
.ifr-bnav .ifr-bnav-home{
    width:58px; height:58px;
    margin-top:-30px;
    border-radius:50% !important;
    background:linear-gradient(145deg,#00c6ff 0%, #0090e8 55%, #0068c9 100%);
    color:#ffffff !important;
    border:4px solid rgba(255,255,255,.96);
    box-shadow:
        0 14px 30px -6px rgba(0,150,255,.55),
        0 4px 10px rgba(0,120,220,.30),
        inset 0 2px 4px rgba(255,255,255,.55),
        inset 0 -4px 8px rgba(0,80,160,.35);
    font-size:22px;
    position:relative;
    overflow:visible;
}
/* glossy top shine */
.ifr-bnav .ifr-bnav-home::after{
    content:"";
    position:absolute;
    top:5px; left:10px; right:10px; height:40%;
    border-radius:999px;
    background:linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,0));
    pointer-events:none;
}
.ifr-bnav .ifr-bnav-home:hover{
    color:#ffffff !important;
    background:linear-gradient(145deg,#00c6ff 0%, #0090e8 55%, #0068c9 100%);
    transform:translateY(-4px);
    box-shadow:
        0 20px 38px -6px rgba(0,150,255,.6),
        0 6px 12px rgba(0,120,220,.32),
        inset 0 2px 4px rgba(255,255,255,.55),
        inset 0 -4px 8px rgba(0,80,160,.35);
}
.ifr-bnav .ifr-bnav-home:active{ transform:scale(.92); }

@media (max-width:991.98px){
    .ifr-bnav{ display:flex; }
    body{ padding-bottom:96px !important; }
}

/* =====================================================================
   CART DRAWER — iferi-style clean slide-in
   ===================================================================== */
body.cart-open{ overflow:hidden; }
.cart-dropdown .cart-content-wrap{
    width:380px !important;
    margin-left:auto; /* the <768px rule makes the container full-width; keep the panel pinned right */
    padding:16px 18px 0 !important;
    box-shadow:-14px 0 44px rgba(12,58,92,.16);
}
@media (max-width:480px){
    .cart-dropdown .cart-content-wrap{ width:100% !important; }
}
.cart-dropdown .cart-header{
    display:flex; align-items:center; justify-content:space-between;
    border-bottom:1px solid #e9edf1 !important;
    padding:0 0 12px !important;
    margin-bottom:4px;
}
.cart-dropdown .cart-header .header-title{
    font-size:17px !important; font-weight:600 !important; color:#222 !important;
    margin:0 !important; font-family:'Poppins','Hind Siliguri',sans-serif !important;
}
.cart-dropdown .cart-header .cart-close{
    background:#f5f8fa !important; border:0 !important;
    width:32px !important; height:32px !important; border-radius:50% !important;
    color:#222 !important; font-size:13px !important;
    display:flex; align-items:center; justify-content:center;
}
.cart-dropdown .cart-item{ border-bottom:1px solid #f0f3f6 !important; }
.cart-dropdown .cart-item .item-title a{
    font-size:13.5px !important; color:#222 !important; font-weight:500 !important;
}
.cart-dropdown .item-price{ color:#666 !important; font-weight:600 !important; font-size:13.5px !important; }
.cart-dropdown .pro-qty{
    border:1px solid #d7e2ea !important; border-radius:8px !important;
    background:#fff !important;
}
.cart-dropdown .pro-qty .qtybtn{ color:#222 !important; }
.cart-subtotal-row{
    display:flex; align-items:center; justify-content:space-between;
    font-size:14px; color:#555;
    padding-bottom:10px;
    font-family:'Poppins','Hind Siliguri',sans-serif;
}
.cart-subtotal-row strong{ color:#222; font-size:15px; }
.cart-checkout-btn{
    background:#00adfd !important;
    color:#ffffff !important;
    border-radius:10px !important;
    font-weight:600 !important;
    font-size:15px !important;
    font-family:'Poppins','Hind Siliguri',sans-serif !important;
    box-shadow:0 10px 22px -10px rgba(0,173,253,.55) !important;
}
.cart-checkout-btn:hover{ background:#0098e0 !important; transform:translateY(-1px) !important; }
.cart-dropdown .cart-footer{ box-shadow:none !important; border-top:1px solid #e9edf1 !important; }

/* =====================================================================
   SHOP / CATEGORY LISTING — iferi-clean (kills the dark filter pills)
   ===================================================================== */
.axil-breadcrumb-area{ background:#ffffff !important; border-bottom:1px solid #e9edf1 !important; }
.axil-breadcrumb li a{ color:#666 !important; }
.axil-breadcrumb-item.active{ color:#222 !important; font-weight:600 !important; }
.mob-top .crumb, .mob-top .crumb a{ font-weight:500 !important; }

.shop-topbar{
    background:#ffffff !important; backdrop-filter:none !important;
    border:1px solid #e9edf1 !important; border-radius:12px !important;
    box-shadow:none !important;
}
.shop-topbar .result-text{ font-weight:500 !important; color:#555555 !important; font-size:14px !important; }
.shop-topbar .result-text span{ font-weight:600 !important; color:#222 !important; }
.shop-topbar label{ font-weight:500 !important; }
.shop-topbar select{
    border:1px solid #d7e2ea !important; border-radius:8px !important;
    box-shadow:none !important; font-weight:400 !important;
    padding:9px 12px !important; min-width:190px !important; color:#222 !important;
}

.filter-card{
    background:#ffffff !important; backdrop-filter:none !important;
    border:1px solid #e9edf1 !important; border-radius:12px !important;
    box-shadow:none !important;
}
.filter-head{ background:#ffffff !important; border-bottom:1px solid #e9edf1 !important; }
.filter-head .title{
    font-family:'Poppins','Hind Siliguri',sans-serif !important;
    font-weight:600 !important; letter-spacing:0 !important;
    text-transform:none !important; font-size:15px !important; color:#222 !important;
}
.filter-acc{ border:1px solid #e9edf1 !important; border-radius:10px !important; box-shadow:none !important; }
.filter-acc .acc-btn{
    background:#ffffff !important; color:#222222 !important;
    font-weight:500 !important; letter-spacing:0 !important;
    text-transform:none !important; font-size:14px !important;
    font-family:'Poppins','Hind Siliguri',sans-serif !important;
}
.filter-acc .acc-btn i{ color:#8a99a8 !important; }
.filter-acc.is-open .acc-btn{ border-bottom:1px solid #f0f3f6 !important; }

.pill{
    background:#f5f8fa !important; border:1px solid #d7e2ea !important;
    color:#222 !important; font-weight:400 !important; border-radius:8px !important;
}
.pill.active{ background:#00adfd !important; color:#ffffff !important; border-color:#00adfd !important; }

.price-box{ border:1px solid #e9edf1 !important; background:#ffffff !important; border-radius:10px !important; }
.price-row{ background:#f8fbfd !important; border:1px solid #eef1f4 !important; border-radius:8px !important; }
.price-row .tag, .price-row .val{ font-weight:500 !important; letter-spacing:0 !important; }
.track .fill{ background:#00adfd !important; }
.range-wrap input[type=range]::-webkit-slider-thumb{
    background:#00adfd !important; border:2px solid #ffffff !important;
    box-shadow:0 2px 8px rgba(0,0,0,.25) !important;
}

.btn-apply{
    background:#00adfd !important; color:#ffffff !important;
    border-radius:10px !important; font-weight:600 !important;
    letter-spacing:0 !important; text-transform:none !important;
    padding:12px !important; font-size:14.5px !important;
    box-shadow:0 10px 22px -10px rgba(0,173,253,.5) !important;
}

/* while an order popup is open, the floating fabs/dock must not cover it */
body.popup-open .premium-float-stack,
body.popup-open .ifr-bnav{
    display:none !important;
}

/* accents */
::selection{ background:var(--if-gold); color:#fff; }