/*
Theme Name: Tasty BD
Theme URI: https://softdeft.com
Author: Softdeft
Description: Ultra-modern WooCommerce theme for Tasty BD — Bangladesh's premium pickle brand. Dark editorial aesthetic, red brand identity, landing-page product pages, full Bangla UI.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
Text Domain: tastybd
WooCommerce: true
Tags: e-commerce, woocommerce, food, bangladeshi, wc-product-gallery-zoom, wc-product-gallery-lightbox
*/

/* ── Design tokens (all from preview.html) ── */
:root{
  --red:#D62400;--red-h:#FF3A18;--red-dk:#951A00;
  --amber:#E8860A;--gold:#F5A623;
  --cream:#FEFAF4;--cream2:#FFF5E9;--linen:#F2E8D5;
  --ink:#110800;--ink2:#2D1200;--muted:#8A6040;--border:#E0CEBC;
  --white:#FFFFFF;--green:#1E7A38;
  --font-bn:'Hind Siliguri',sans-serif;
  --font-head:'Sora',sans-serif;
  --font-serif:'Fraunces',serif;
  --ease:cubic-bezier(.22,1,.36,1);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth}
body{font-family:var(--font-head);background:var(--cream);color:var(--ink);overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--red);text-decoration:none}
::selection{background:rgba(214,36,0,.15)}
::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-thumb{background:var(--red);border-radius:4px}
.bn{font-family:var(--font-bn)!important}
#nt-page{min-height:100vh;display:flex;flex-direction:column}
.nt-main{flex:1}
.nt-wrap{width:100%;max-width:1280px;margin:0 auto;padding:0 32px}
.nt-sec{padding:88px 0}
.nt-sec-sm{padding:60px 0}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-head);font-weight:600;font-size:14px;padding:13px 28px;border-radius:50px;border:none;cursor:pointer;transition:all .3s var(--ease);text-decoration:none;white-space:nowrap}
.btn-red{background:var(--red);color:#fff;box-shadow:0 4px 22px rgba(214,36,0,.4)}
.btn-red:hover{background:var(--red-h);transform:translateY(-2px);box-shadow:0 8px 32px rgba(214,36,0,.5);color:#fff}
.btn-ghost{background:rgba(255,255,255,.1);color:#fff;border:1.5px solid rgba(255,255,255,.25);backdrop-filter:blur(8px)}
.btn-ghost:hover{background:rgba(255,255,255,.18);color:#fff}
.btn-amber{background:var(--amber);color:#fff;box-shadow:0 4px 22px rgba(232,134,10,.4)}
.btn-amber:hover{background:var(--gold);transform:translateY(-2px);color:#fff}
.btn-outline{background:transparent;color:var(--red);border:2px solid var(--red)}
.btn-outline:hover{background:var(--red);color:#fff}
.btn-lg{padding:15px 36px;font-size:15px}
.btn-sm{padding:9px 20px;font-size:12.5px}
.btn-blk{width:100%}

/* WooCommerce buttons */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{font-family:var(--font-bn)!important;font-weight:600!important;border-radius:50px!important;background:var(--red)!important;color:#fff!important;border:none!important;padding:11px 24px!important;font-size:15.5px!important;transition:all .3s!important;box-shadow:0 4px 16px rgba(214,36,0,.25)!important}
.woocommerce a.button:hover,.woocommerce button.button:hover{background:var(--red-h)!important;transform:translateY(-1px)!important;box-shadow:0 8px 22px rgba(214,36,0,.35)!important}
.woocommerce a.button.alt{background:var(--red-h)!important;box-shadow:0 4px 16px rgba(232,134,10,.3)!important}

/* Inputs */
input[type=text],input[type=email],input[type=search],input[type=password],input[type=number],input[type=tel],textarea,select{font-family:var(--font-head);font-size:14px;color:var(--ink);width:100%;padding:12px 16px;background:var(--white);border:1.5px solid var(--border);border-radius:12px;outline:none;transition:border-color .2s,box-shadow .2s;appearance:none}
input:focus,textarea:focus,select:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(214,36,0,.1)}

/* Typography helpers */
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:10.5px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--red)}
.eyebrow::before,.eyebrow::after{content:'';width:20px;height:1.5px;background:var(--red);display:block}
.sec-title{font-family:var(--font-bn);font-size:clamp(26px,3vw,44px);font-weight:700;color:var(--ink);line-height:1.15}
.sec-title em{font-family:var(--font-bn);font-style:italic;color:var(--red)}
.t-center{text-align:center}
.t-center .eyebrow{justify-content:center}

/* Badges */
.badge{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:700;letter-spacing:.4px;padding:4px 10px;border-radius:50px}
.badge-red{background:var(--red);color:#fff}
.badge-new{background:var(--ink);color:#fff}
.badge-green{background:var(--green);color:#fff}
.badge-amber{background:var(--amber);color:#fff}

/* Overlay & Drawer */
.nt-overlay{display:none;position:fixed;inset:0;background:rgba(17,8,0,.6);z-index:800;backdrop-filter:blur(4px)}
.nt-overlay.open{display:block;animation:nt-fade .25s}
@keyframes nt-fade{from{opacity:0}to{opacity:1}}
.nt-reveal{opacity:0;transform:translateY(24px);transition:opacity .65s var(--ease),transform .65s var(--ease)}
.nt-reveal.visible{opacity:1;transform:none}

/* Float cart */
.nt-float-cart{position:fixed;bottom:28px;right:28px;z-index:600;width:58px;height:58px;border-radius:50%;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 28px rgba(214,36,0,.45);transition:all .3s var(--ease);text-decoration:none}
.nt-float-cart:hover{transform:scale(1.12) rotate(-8deg);background:var(--red-h);color:#fff}
.nt-float-count{position:absolute;top:-3px;right:-3px;min-width:20px;height:20px;border-radius:10px;background:var(--amber);color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid var(--cream)}
/* ১. কোয়ান্টিটি বক্স ডিজাইন */
.pdp-atc-row {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    margin: 25px 0;
}

.quantity.pdp-qty {
    display: inline-flex;
    align-items: center;
    background: #f4f4f4;
    border-radius: 50px;
    padding: 4px;
    border: 1px solid #eee;
}

.qty-btn {
    width: 35px;
    height: 35px;
    border: none;
    background: #fff;
    border-radius: 50%;
    font-size: 18px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    transition: 0.2s;
}

.qty-btn:hover { background: var(--red); color: #fff; }

.quantity input.qty {
    width: 45px !important;
    background: transparent !important;
    border: none !important;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    color: #333;
}

/* ২. বাটন ডিজাইন */
.single_add_to_cart_button.pdp-atc, 
.buy-now-btn {
    flex: 1;
    min-width: 180px;
    height: 50px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 16px;
    border: none;
    cursor: pointer;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* কার্টে যোগ করুন - আউটলাইন স্টাইল */
.single_add_to_cart_button.pdp-atc {
    background: #fff !important;
    color: var(--red) !important;
    border: 2px solid var(--red) !important;
}

.single_add_to_cart_button.pdp-atc:hover {
    background: var(--red) !important;
    color: #fff !important;
}

/* এখনই অর্ডার করুন - সলিড স্টাইল */
/* বাটন এবং কোয়ান্টিটি বক্সের মেইন কন্টেইনার */
form.cart.pdp-atc-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    align-items: center !important;
    margin-top: 20px;
}

/* কোয়ান্টিটি বক্সকে ছোট এবং গোল করা */
.pdp-qty {
    display: flex !important;
    background: #f1f1f1;
    border-radius: 50px;
    padding: 2px 8px;
    height: 50px;
    align-items: center;
}

/* কার্টে যোগ করুন (আউটলাইন স্টাইল) */
.single_add_to_cart_button.pdp-atc {
    flex: 1;
    min-width: 140px;
    height: 50px !important;
    background: transparent !important;
    color: #d62400 !important;
    border: 2px solid #d62400 !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    font-size: 15px !important;
}

/* সরাসরি অর্ডার করুন (সলিড স্টাইল) */
.nt-buy-now-btn {
    flex: 1.5; /* এই বাটনটি একটু বড় দেখাবে */
    min-width: 180px;
    height: 50px;
    background: #d62400 !important;
    color: #fff !important;
    border: none;
    border-radius: 50px;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
    transition: 0.3s;
    box-shadow: 0 4px 12px rgba(214, 36, 0, 0.2);
}

.nt-buy-now-btn:hover {
    background: #b51f00 !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(214, 36, 0, 0.3);
}

/* মোবাইল রেসপন্সিভনেস */
@media (max-width: 480px) {
    .pdp-qty { width: 100%; justify-content: center; }
    .single_add_to_cart_button.pdp-atc, 
    .nt-buy-now-btn { width: 100%; flex: none; }
}

/* ৩. প্রাইজ সেকশন ক্লিন আপ */
.pdp-price-block {
    background: rgba(var(--red-rgb), 0.05);
    padding: 15px;
    border-radius: 15px;
    margin-bottom: 20px;
}

.pdp-price-now {
    font-size: 28px;
    font-weight: 800;
    color: var(--red);
}

.pdp-price-now del {
    font-size: 18px;
    color: #999;
    font-weight: 400;
    margin-right: 8px;
}

.pdp-price-now ins {
    text-decoration: none;
}
/* ফেসবুকের জন্য */
.soc .fa-facebook-f {
    color: #1877F2;
}

/* ইনস্টাগ্রামের জন্য (গ্রেডিয়েন্ট ইফেক্ট) */
.soc .fa-instagram {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* টিকটকের জন্য */
.soc .fa-tiktok {
    color: #000000; /* অথবা #ff0050 সাইয়্যান ইফেক্টের জন্য */
    filter: drop-shadow(2px 0px 0px #fd3e3e) drop-shadow(-2px 0px 0px #48fffe);
}

/* ইউটিউবের জন্য */
.soc .fa-youtube {
    color: #FF0000;
}

/* হোভার করলে একটু উজ্জ্বল দেখানোর জন্য (ঐচ্ছিক) */
.soc:hover {
    opacity: 0.8;
}