/*
Theme Name: DeshiHaatBD
Template: storefront
Author: DeshiHaatBD
Description: Custom WooCommerce child theme for DeshiHaatBD.com — mango, khejur gur, taler gur catalog with WhatsApp ordering.
Version: 1.0
Text Domain: deshihaatbd
*/

@import url("https://fonts.googleapis.com/css2?family=Tiro+Bangla:ital@0;1&family=Hind+Siliguri:wght@400;500;600;700&display=swap");

:root{
  --ivory:#F6EFE2;
  --ivory-deep:#EFE4CE;
  --ink:#2B1B12;
  --mango:#E2860F;
  --mango-deep:#B8650A;
  --gur:#6B3A1D;
  --leaf:#4C6444;
  --leaf-deep:#374A31;
  --cream-card:#FFFBF3;
  --line: rgba(43,27,18,0.14);
}

body, .site{
  background:var(--ivory);
  color:var(--ink);
  font-family:'Hind Siliguri', sans-serif;
}
h1,h2,h3,.site-title{
  font-family:'Tiro Bangla', serif;
}

/* ===== Hide default Storefront chrome we replace ===== */
.storefront-primary-navigation{ display:none; }
.site-header .site-branding{ display:none; }

/* ===== Top notice bar ===== */
.dh-topbar{
  background:var(--gur);
  color:#F3E7D6;
  font-size:0.85rem;
  text-align:center;
  padding:7px 12px;
}

/* ===== Custom header ===== */
.dh-header{
  background:var(--ivory);
  border-bottom:1px solid var(--line);
  position:sticky;
  top:0;
  z-index:50;
}
.dh-header-inner{
  max-width:1180px;
  margin:0 auto;
  padding:16px 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.dh-logo-slot{ display:flex; align-items:center; gap:12px; }
.dh-logo-box{
  width:52px; height:52px;
  border:2px dashed var(--mango-deep);
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:0.62rem; text-align:center; color:var(--mango-deep);
  line-height:1.2; padding:4px;
}
.dh-brand-name{ font-size:1.55rem; color:var(--gur); }
.dh-brand-name span{ color:var(--mango-deep); }
.dh-brand-tag{ font-size:0.78rem; color:var(--ink); opacity:0.65; }
.dh-nav{ display:flex; gap:28px; font-size:0.98rem; font-weight:500; }
.dh-nav a{ padding:6px 2px; border-bottom:2px solid transparent; }
.dh-nav a:hover{ border-color:var(--mango); }
.dh-header-cta{
  background:var(--leaf); color:#fff; padding:10px 18px; border-radius:999px;
  font-size:0.9rem; font-weight:600; white-space:nowrap; display:flex; align-items:center; gap:8px;
}
.dh-header-cta:hover{ background:var(--leaf-deep); color:#fff; }

/* ===== Hero ===== */
.dh-hero{
  max-width:1180px; margin:0 auto; padding:56px 24px 64px;
  display:grid; grid-template-columns:1.1fr 0.9fr; gap:40px; align-items:center;
}
.dh-hero h1{ font-size:2.6rem; line-height:1.28; color:var(--gur); margin-bottom:18px; }
.dh-hero h1 em{ font-style:normal; color:var(--mango-deep); }
.dh-hero p{ font-size:1.05rem; max-width:46ch; opacity:0.82; margin-bottom:26px; }
.dh-hero-buttons{ display:flex; gap:14px; flex-wrap:wrap; }
.dh-btn-primary{
  background:var(--mango-deep); color:#fff; padding:13px 26px; border-radius:8px;
  font-weight:600; font-size:0.98rem;
}
.dh-btn-primary:hover{ background:#9c5108; color:#fff; }
.dh-btn-ghost{
  border:1.5px solid var(--gur); color:var(--gur); padding:13px 26px; border-radius:8px;
  font-weight:600; font-size:0.98rem;
}
.dh-btn-ghost:hover{ background:var(--gur); color:#fff; }
.dh-hero-photo{ position:relative; border-radius:14px; overflow:hidden; aspect-ratio:4/3.1; }
.dh-hero-photo img{ width:100%; height:100%; object-fit:cover; }
.dh-hero-badge{
  position:absolute; bottom:16px; left:16px; background:rgba(255,251,243,0.94);
  padding:10px 16px; border-radius:10px; font-size:0.85rem; color:var(--gur); font-weight:600;
  box-shadow:0 6px 18px rgba(43,27,18,0.15);
}

/* ===== Category section wrapper ===== */
.dh-category-section{ max-width:1180px; margin:0 auto; padding:52px 24px 12px; }
.dh-section-head{
  display:flex; align-items:baseline; justify-content:space-between; margin-bottom:28px;
  border-bottom:1px solid var(--line); padding-bottom:16px;
}
.dh-section-head h2{ font-size:1.7rem; color:var(--gur); }
.dh-section-head p{ font-size:0.9rem; opacity:0.65; max-width:38ch; }

/* ===== WooCommerce product loop -> our card grid ===== */
ul.products{
  display:grid !important;
  grid-template-columns:repeat(4, 1fr) !important;
  gap:22px !important;
  list-style:none;
  margin:0; padding:0;
}
ul.products li.product{
  background:var(--cream-card);
  border:1px solid var(--line);
  border-radius:12px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  padding:0 !important;
  margin:0 !important;
}
ul.products li.product a img{
  aspect-ratio:1/1;
  object-fit:cover;
  width:100%;
  border-radius:0;
}
ul.products li.product .dh-card-body{
  padding:16px; display:flex; flex-direction:column; gap:8px; flex:1;
}
ul.products li.product .dh-card-cat{ font-size:0.72rem; color:var(--leaf-deep); font-weight:600; }
ul.products li.product h2.woocommerce-loop-product__title{
  font-size:1rem !important; font-weight:600; color:var(--ink); line-height:1.4; margin:0 !important;
}
ul.products li.product .price{
  margin-top:auto !important; font-size:1.1rem !important; font-weight:700; color:var(--mango-deep) !important;
}
.dh-card-img-wrap{ position:relative; }
.dh-badge-best{
  position:absolute; top:10px; left:10px; background:var(--mango-deep); color:#fff;
  font-size:0.68rem; font-weight:600; padding:4px 10px; border-radius:999px; z-index:2;
}
.dh-badge-out{
  position:absolute; inset:0; background:rgba(43,27,18,0.42); color:#fff;
  display:flex; align-items:center; justify-content:center; font-weight:600; font-size:0.9rem; z-index:2;
}

/* ===== WhatsApp order button (replaces add-to-cart) ===== */
.dh-wa-btn{
  margin-top:6px; display:flex; align-items:center; justify-content:center; gap:8px;
  background:var(--leaf); color:#fff !important; padding:10px; border-radius:8px;
  font-weight:600; font-size:0.88rem; text-decoration:none;
}
.dh-wa-btn:hover{ background:var(--leaf-deep); color:#fff !important; }
.dh-wa-btn.disabled{
  background:#cfc6b4; color:#7b7263 !important; pointer-events:none;
}

/* ===== Footer ===== */
.dh-footer{ background:var(--gur); color:#F3E7D6; }
.dh-footer-inner{
  max-width:1180px; margin:0 auto; padding:52px 24px 28px;
  display:grid; grid-template-columns:1.4fr 1fr 1fr 1.2fr; gap:36px;
}
.dh-footer-inner h4{ font-size:0.95rem; margin-bottom:14px; color:#F6C878; }
.dh-footer-inner p, .dh-footer-inner a{ font-size:0.88rem; color:#E9D9C2; display:block; margin-bottom:8px; }
.dh-footer-inner a:hover{ color:#fff; }
.dh-footer-bottom{
  border-top:1px solid rgba(243,231,214,0.18); text-align:center; padding:18px 24px;
  font-size:0.8rem; color:#CBB89C;
}

/* ===== Floating WhatsApp button ===== */
.dh-float-wa{
  position:fixed; bottom:22px; right:22px; background:var(--leaf); width:58px; height:58px;
  border-radius:50%; display:flex; align-items:center; justify-content:center;
  box-shadow:0 8px 22px rgba(43,27,18,0.3); z-index:999;
}
.dh-float-wa svg{ width:28px; height:28px; }
.dh-float-wa:hover{ background:var(--leaf-deep); }

@media (max-width: 980px){
  .dh-hero{ grid-template-columns:1fr; padding-top:32px; }
  .dh-hero h1{ font-size:2.1rem; }
  .dh-nav{ display:none; }
  ul.products{ grid-template-columns:repeat(2,1fr) !important; }
  .dh-footer-inner{ grid-template-columns:1fr 1fr; }
}
@media (max-width: 520px){
  ul.products{ grid-template-columns:1fr 1fr !important; gap:14px !important; }
  .dh-header-inner{ padding:12px 16px; }
  .dh-brand-tag{ display:none; }
}