/*
Theme Name: Turagi
Theme URI: https://theturagi.com
Author: Turagi
Description: Custom WooCommerce-ready WordPress theme for TURAGI — converted from the original static design. Provides a matching header, footer, homepage category grid, and a fully styled WooCommerce shop/category grid.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Tested up to: 6.6
Requires Plugins: woocommerce
Text Domain: turagi
*/

:root{
  --ivory:#FFFFFF;
  --ivory-deep:#F3F4F5;
  --ink:#16283D;
  --maroon:#1F4C73;
  --gold:#C7973F;
  --green:#2B6B74;
  --line: rgba(22,40,61,0.14);
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
  background:var(--ivory);
  color:var(--ink);
  font-family:'Hind Siliguri','Noto Serif Bengali',sans-serif;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3, .display{
  font-family:'Noto Serif Bengali','Fraunces',serif;
  font-weight:700;
  letter-spacing:0.2px;
}
.en{ font-family:'Fraunces',serif; }
a{color:inherit; text-decoration:none;}
img{max-width:100%; display:block;}
.wrap{max-width:1180px; margin:0 auto; padding:0 28px;}

@media (prefers-reduced-motion: reduce){
  *{animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important;}
}

/* ---------- Header ---------- */
header{
  position:sticky; top:0; z-index:50;
  background:rgba(255,255,255,0.92);
  backdrop-filter:blur(6px);
  border-bottom:1px solid var(--line);
}
.header-inner{
  display:flex; align-items:center; justify-content:space-between;
  padding:18px 28px; max-width:1180px; margin:0 auto;
}
.logo{ display:flex; align-items:center; gap:8px; }
.logo-img{ height:46px; width:auto; display:block; }
nav.mainnav{ display:flex; gap:30px; align-items:center; }
nav.mainnav ul{ display:flex; gap:30px; align-items:center; list-style:none; }
nav.mainnav a{
  font-size:0.98rem; position:relative; padding:4px 0; cursor:pointer;
  transition:color .2s ease;
}
nav.mainnav a::after{
  content:""; position:absolute; left:0; right:100%; bottom:-3px; height:2px;
  background:var(--maroon); transition:right .28s ease;
}
nav.mainnav a:hover::after, nav.mainnav li.current-menu-item a::after{ right:0; }
nav.mainnav li.current-menu-item a{ color:var(--maroon); }
.navtoggle{ display:none; background:none; border:0; font-size:1.5rem; cursor:pointer; color:var(--ink); }
.social-icons{ display:flex; align-items:center; gap:14px; }
.social-icon{
  opacity:1; transition:transform .2s ease, box-shadow .2s ease;
  display:flex; align-items:center; justify-content:center;
  width:30px; height:30px; border-radius:50%; color:#fff;
  box-shadow:0 2px 6px rgba(22,40,61,0.18);
}
.social-icon:hover{ transform:translateY(-2px) scale(1.08); box-shadow:0 4px 10px rgba(22,40,61,0.28); }
.social-icon svg{ width:16px; height:16px; }
.social-icon[data-platform="facebook"]{ background:#1877F2; }
.social-icon[data-platform="instagram"]{ background:radial-gradient(circle at 30% 110%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); }
.social-icon[data-platform="tiktok"]{ background:#010101; }
.social-icon[data-platform="threads"]{ background:#000; }
.social-icon[data-platform="youtube"]{ background:#FF0000; }
.social-icon[data-platform="whatsapp"]{ background:#25D366; }
.whatsapp-header{ width:46px; height:46px; box-shadow:0 3px 10px rgba(37,211,102,0.4); }
.whatsapp-header svg{ width:26px; height:26px; }
.footer-socials{ display:flex; align-items:center; gap:12px; margin-top:24px; flex-wrap:wrap; }
@media (max-width:860px){
  .header-inner{ justify-content:flex-start; }
  .logo{ margin-right:auto; }
  .logo-img{ height:34px; }
  .social-icons{ gap:8px; margin-right:14px; }
  .whatsapp-header{ width:38px; height:38px; }
  .whatsapp-header svg{ width:21px; height:21px; }
}
@media (max-width:860px){
  nav.mainnav{
    position:absolute; top:100%; left:0; right:0; background:var(--ivory);
    flex-direction:column; align-items:flex-start; padding:10px 28px 22px;
    border-bottom:1px solid var(--line); gap:14px;
    display:none;
  }
  nav.mainnav ul{ flex-direction:column; align-items:flex-start; gap:14px; }
  nav.mainnav.open{ display:flex; }
  .navtoggle{ display:block; }
}

/* ---------- Hero ---------- */
.hero{ position:relative; padding:86px 0 40px; overflow:hidden; }
.hero .wrap{ position:relative; z-index:2; display:grid; grid-template-columns:1.1fr 0.9fr; gap:40px; align-items:center; }
.hero-eyebrow{
  font-size:0.78rem; letter-spacing:0.16em; text-transform:uppercase; color:var(--maroon);
  display:flex; align-items:center; gap:10px; margin-bottom:18px;
}
.hero-eyebrow::before{ content:""; width:28px; height:1px; background:var(--maroon); display:inline-block; }
.hero h1{ font-size:clamp(2.2rem, 4.4vw, 3.4rem); line-height:1.22; margin-bottom:20px; }
.hero h1 em{ font-style:italic; color:var(--maroon); }
.hero p.lead{ font-size:1.06rem; line-height:1.85; max-width:46ch; opacity:0.86; margin-bottom:30px; }
.cta-row{ display:flex; gap:16px; flex-wrap:wrap; }
.btn{
  display:inline-flex; align-items:center; gap:10px; padding:14px 26px;
  border-radius:2px; font-size:0.96rem; cursor:pointer; border:1px solid transparent;
  transition:transform .18s ease, background .2s ease, color .2s ease;
}
.btn-primary{ background:var(--maroon); color:var(--ivory); }
.btn-primary:hover{ transform:translateY(-2px); background:#752530; }
.btn-ghost{ border-color:var(--ink); color:var(--ink); }
.btn-ghost:hover{ background:var(--ink); color:var(--ivory); }

.hero-swatch{
  aspect-ratio:4/5; border-radius:3px; position:relative;
  background:
    repeating-linear-gradient(115deg, var(--maroon) 0 3px, transparent 3px 26px),
    repeating-linear-gradient(25deg, var(--gold) 0 2px, transparent 2px 40px),
    var(--ink);
  box-shadow:0 30px 60px -30px rgba(32,41,58,0.5);
  overflow:hidden;
}
.hero-swatch img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.hero-swatch::after{
  content:"টুরাগী"; position:absolute; bottom:22px; left:22px; color:var(--ivory);
  font-family:'Noto Serif Bengali',serif; font-size:1.1rem; opacity:0.85; z-index:2;
}

/* ---------- Section shell ---------- */
section{ padding:80px 0; }
.section-head{ display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:40px; gap:20px; flex-wrap:wrap;}
.section-head h2{ font-size:clamp(1.6rem,2.6vw,2.2rem); }
.section-head .kicker{ font-size:0.78rem; letter-spacing:0.14em; text-transform:uppercase; color:var(--maroon); margin-bottom:10px; display:block;}
.section-head p{ opacity:0.7; max-width:42ch; }

/* ---------- Offer split (home, top) ---------- */
.offer-grid{ display:flex; flex-direction:row; gap:18px; width:100%; }
.offer-card{
  position:relative; flex:1 1 0; min-width:0; height:200px; border-radius:3px; overflow:hidden; cursor:pointer;
  display:flex; align-items:flex-end; padding:22px;
}
.offer-card span{ position:relative; z-index:2; color:var(--ivory); font-family:'Noto Serif Bengali',serif; font-weight:700; font-size:1.2rem; }
.offer-card::before{ content:""; position:absolute; inset:0; background:rgba(32,41,58,0.32); z-index:1; transition:background .25s ease;}
.offer-card:hover::before{ background:rgba(32,41,58,0.52); }
.offer-card:hover .offer-swatch{ transform:scale(1.05); }
.offer-swatch{ position:absolute; inset:0; transition:transform .5s ease; background-size:cover; background-position:center; }
@media (max-width:620px){
  .offer-grid{ gap:10px; }
  .offer-card{ height:150px; padding:14px; }
  .offer-card span{ font-size:0.9rem; }
}

/* ---------- Category grid (home) ---------- */
.cat-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:18px; }
@media (max-width:620px){ .cat-grid{ grid-template-columns:repeat(2, 1fr); gap:10px;} }
.cat-card{
  position:relative; aspect-ratio:3/4; border-radius:3px; overflow:hidden; cursor:pointer;
  display:flex; align-items:flex-end; padding:18px;
}
.cat-card span{ position:relative; z-index:2; color:var(--ivory); font-family:'Noto Serif Bengali',serif; font-size:1.05rem; }
.cat-card::before{ content:""; position:absolute; inset:0; background:rgba(32,41,58,0.28); z-index:1; transition:background .25s ease;}
.cat-card:hover::before{ background:rgba(32,41,58,0.5); }
.cat-card:hover .cat-swatch{ transform:scale(1.06); }
.cat-swatch{ position:absolute; inset:0; transition:transform .5s ease; background-size:cover; background-position:center; }

/* ---------- Brand story ---------- */
.story{ background:var(--ivory-deep); }
.story .wrap{ display:grid; grid-template-columns:0.9fr 1.1fr; gap:56px; align-items:center; }
.story-art{
  aspect-ratio:1/1; border-radius:3px;
  background:repeating-linear-gradient(70deg, var(--green) 0 2px, transparent 2px 22px), var(--ivory);
  border:1px solid var(--line);
}
.story h2{ font-size:clamp(1.6rem,3vw,2.1rem); margin-bottom:20px; line-height:1.35;}
.story p{ line-height:1.9; opacity:0.85; margin-bottom:16px; max-width:56ch; }

/* ---------- Product grid ---------- */
.product-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:26px 22px; list-style:none; }
@media (max-width:980px){ .product-grid{ grid-template-columns:repeat(3,1fr);} }
@media (max-width:700px){ .product-grid{ grid-template-columns:repeat(2,1fr);} }
.product-card{ display:block; }
.product-card .thumb{
  aspect-ratio:3/4; border-radius:2px; margin-bottom:14px; position:relative; overflow:hidden;
  background:#EFE4D2; background-size:cover; background-position:center;
}
.product-card .thumb img{ width:100%; height:100%; object-fit:cover; }
.product-card .thumb .tag{
  position:absolute; top:10px; left:10px; background:var(--ivory); color:var(--ink);
  font-size:0.68rem; padding:4px 9px; letter-spacing:0.06em; border-radius:1px;
}
.product-card h4{ font-family:'Noto Serif Bengali',serif; font-weight:600; font-size:1rem; margin-bottom:6px; }
.product-card .price{ color:var(--maroon); font-size:0.94rem; }
.product-card .price del{ text-decoration:line-through; opacity:0.45; margin-right:8px; font-size:0.85rem;}
.product-card .price ins{ text-decoration:none; }
.product-card .btn-addcart{
  display:inline-block; margin-top:10px; padding:8px 16px; font-size:0.82rem;
  border:1px solid var(--ink); color:var(--ink); border-radius:2px; transition:.2s ease;
}
.product-card .btn-addcart:hover{ background:var(--ink); color:var(--ivory); }

/* ---------- Category hero banner ---------- */
.cat-hero{ padding:64px 0 50px; border-bottom:1px solid var(--line); }
.cat-hero .kicker{ font-size:0.78rem; letter-spacing:0.14em; text-transform:uppercase; color:var(--maroon); display:block; margin-bottom:12px;}
.cat-hero h1{ font-size:clamp(2rem,4vw,2.8rem); margin-bottom:14px; }
.cat-hero p{ max-width:50ch; opacity:0.78; line-height:1.8; }

/* ---------- About + Contact footer strip ---------- */
footer.ac-strip{
  background:var(--ink); color:var(--ivory); margin-top:20px;
}
.ac-strip .wrap{ display:grid; grid-template-columns:1.1fr 0.9fr; gap:0; }
.ac-col{ padding:70px 44px; }
.ac-col.about{ border-right:1px solid rgba(251,246,236,0.14); background:
    repeating-linear-gradient(115deg, rgba(199,151,63,0.05) 0 3px, transparent 3px 30px); }
.ac-col .kicker{ font-size:0.75rem; letter-spacing:0.14em; text-transform:uppercase; color:var(--gold); display:block; margin-bottom:16px;}
.ac-col.about .kicker{ font-size:1rem; }
.contact-kicker{ font-size:1.3rem; letter-spacing:0.08em; margin-bottom:18px; }
.ac-col h3{ font-size:1.5rem; margin-bottom:16px; }
.ac-col p{ line-height:1.9; opacity:0.82; margin-bottom:10px; max-width:48ch; }
.contact-list{ list-style:none; margin-top:18px; display:flex; flex-direction:column; gap:10px; }
.contact-list li{ font-size:0.96rem; opacity:0.9; display:flex; gap:10px; }
.contact-list li b{ color:var(--gold); font-weight:600; min-width:64px; display:inline-block; }
.foot-base{
  border-top:1px solid rgba(251,246,236,0.14); padding:20px 44px; display:flex;
  justify-content:center; align-items:center; flex-wrap:wrap; gap:10px;
  font-size:0.82rem; opacity:0.6; max-width:1180px; margin:0 auto;
}
@media (max-width:860px){
  .ac-strip .wrap{ grid-template-columns:1fr; }
  .ac-col.about{ border-right:none; border-bottom:1px solid rgba(251,246,236,0.14); }
  .ac-col{ padding:50px 28px; }
  .hero .wrap, .story .wrap{ grid-template-columns:1fr; }
  .hero-swatch{ order:-1; }
}

/* ---------- Promo popup ---------- */
.promo-overlay{
  position:fixed; inset:0; background:rgba(22,40,61,0.5); z-index:190;
}
.promo-popup{
  position:fixed; top:50%; left:50%; transform:translate(-50%,-50%);
  background:var(--ivory); border-radius:4px; z-index:200;
  max-width:360px; width:calc(100% - 40px); padding:38px 34px 32px;
  text-align:center; box-shadow:0 30px 70px -20px rgba(22,40,61,0.5);
}
.promo-close{
  position:absolute; top:12px; right:14px; background:none; border:none;
  font-size:1.4rem; line-height:1; color:#000; cursor:pointer; padding:4px;
}
.promo-popup .promo-title{ font-family:'Noto Serif Bengali',serif; font-weight:700; font-size:1.15rem; margin-bottom:8px; color:var(--maroon); }
.promo-popup p{ line-height:1.7; opacity:0.85; }

/* ---------- Generic page/blog fallback ---------- */
.page-content-wrap{ padding:70px 0; max-width:800px; }
.page-content-wrap h1{ font-size:clamp(1.8rem,3.5vw,2.4rem); margin-bottom:24px; }
.page-content-wrap p{ line-height:1.9; margin-bottom:16px; opacity:0.85; }

/* ==========================================================
   WooCommerce default template compatibility
   (single product, cart, checkout, my account pages use
   WooCommerce's own markup — these rules blend it with the
   Turagi palette instead of overriding it completely)
   ========================================================== */
.woocommerce{ padding:60px 0; }
.woocommerce .wrap{ max-width:1180px; }
.woocommerce a{ color:var(--maroon); text-decoration:underline; }
.woocommerce h1.entry-title, .woocommerce h1.product_title{
  font-family:'Noto Serif Bengali','Fraunces',serif; color:var(--ink);
}
.woocommerce div.product p.price, .woocommerce div.product span.price{ color:var(--maroon); }
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .woocommerce a.checkout-button{
  background:var(--maroon) !important; color:var(--ivory) !important;
  border-radius:2px !important; text-decoration:none !important;
  border:none !important; padding:12px 24px !important;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{
  background:#752530 !important;
}
.woocommerce span.onsale{ background:var(--gold) !important; }
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{ border-color:var(--line) !important; color:var(--ink) !important; }
.woocommerce nav.woocommerce-pagination ul li span.current{ background:var(--maroon) !important; color:var(--ivory) !important; }

.page{ display:block; }