/*
Theme Name: Angika Silk
Theme URI: https://angikasilk.com
Author: Angika Silk
Author URI: https://angikasilk.com
Description: The official theme for AngilaSilk.com — Bhagalpur's silk story blog. Minimal, dark-accented, editorial. Built for SEO, speed, and beautiful reading. Optimised for Tier 1/2 and NRI audiences.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: angikasilk
Tags: blog, minimal, elegant, seo, fast, mobile-first
*/

/* ─── TOKENS ─────────────────────────────── */
:root {
  --black:   #0d0d0d;
  --dark:    #1a1612;
  --warm:    #2e2620;
  --brown:   #4a3f32;
  --muted:   #8a7a6a;
  --gold:    #c9a84c;
  --gold2:   #e8c96a;
  --cream:   #f5f0e8;
  --white:   #fdfaf5;
  --border:  #e2d9cc;
  --max:     740px;
  --wide:    1120px;
  --serif:   'Cormorant Garamond','Playfair Display',Georgia,serif;
  --sans:    'Inter','Source Sans 3',system-ui,sans-serif;
}

/* ─── RESET ──────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:var(--sans);background:var(--white);color:var(--warm);line-height:1.75;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--gold);text-decoration:none}
a:hover{color:var(--gold2)}

/* ─── HEADER / NAV ───────────────────────── */
#site-header{
  background:var(--black);
  border-bottom:1px solid rgba(201,168,76,.15);
  position:sticky;top:0;z-index:200;
}
.nav-wrap{
  max-width:var(--wide);margin:0 auto;
  padding:0 1.5rem;
  display:flex;align-items:center;justify-content:space-between;
  height:68px;
}
.site-logo img{height:52px;width:auto;display:block}
.site-logo-text{
  font-family:var(--serif);font-size:1.4rem;font-weight:600;
  color:var(--cream);letter-spacing:.06em;
}
.site-logo-text span{color:var(--gold)}

#primary-nav ul{display:flex;gap:2.2rem;list-style:none;align-items:center}
#primary-nav a{
  font-size:.78rem;font-weight:500;letter-spacing:.12em;
  text-transform:uppercase;color:rgba(245,240,232,.7);
  transition:color .2s;
}
#primary-nav a:hover,
#primary-nav .current-menu-item>a{color:var(--gold)}

#menu-btn{
  display:none;background:none;border:none;
  cursor:pointer;padding:6px;flex-direction:column;gap:5px;
}
#menu-btn span{display:block;width:22px;height:1.5px;background:var(--cream);transition:all .3s}
#mobile-nav{
  display:none;background:var(--black);
  border-top:1px solid rgba(201,168,76,.1);
  padding:1rem 1.5rem 1.5rem;
}
#mobile-nav.open{display:block}
#mobile-nav ul{list-style:none}
#mobile-nav li a{
  display:block;padding:.65rem 0;
  font-size:.85rem;font-weight:400;letter-spacing:.08em;
  text-transform:uppercase;color:rgba(245,240,232,.7);
  border-bottom:1px solid rgba(255,255,255,.06);
}
#mobile-nav li:last-child a{border-bottom:none}
#mobile-nav li a:hover{color:var(--gold)}

/* ─── HERO (front page) ──────────────────── */
.hero{
  background:var(--dark);
  padding:5rem 1.5rem 4rem;
  text-align:center;
  border-bottom:1px solid rgba(201,168,76,.12);
}
.hero-eyebrow{
  font-size:.68rem;letter-spacing:.28em;text-transform:uppercase;
  color:var(--gold);margin-bottom:1.4rem;opacity:.85;
}
.hero h1{
  font-family:var(--serif);
  font-size:clamp(2.6rem,6vw,4.4rem);
  font-weight:600;line-height:1.1;
  color:var(--cream);margin-bottom:1.4rem;
}
.hero h1 em{color:var(--gold);font-style:italic}
.hero p{
  font-size:1.05rem;color:rgba(245,240,232,.6);
  max-width:520px;margin:0 auto 2.4rem;line-height:1.8;
}
.hero-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.btn{
  display:inline-block;padding:.75rem 2rem;
  font-size:.78rem;font-weight:500;letter-spacing:.12em;
  text-transform:uppercase;cursor:pointer;transition:all .2s;
  border:1.5px solid transparent;
}
.btn-gold{background:var(--gold);color:var(--black);border-color:var(--gold)}
.btn-gold:hover{background:var(--gold2);border-color:var(--gold2);color:var(--black)}
.btn-outline{background:transparent;color:var(--cream);border-color:rgba(245,240,232,.35)}
.btn-outline:hover{border-color:var(--gold);color:var(--gold)}

/* hero stats bar */
.hero-stats{
  display:flex;gap:0;justify-content:center;
  margin-top:3.5rem;border-top:1px solid rgba(201,168,76,.12);
  padding-top:2rem;flex-wrap:wrap;
}
.hero-stat{
  padding:0 2.5rem;
  border-right:1px solid rgba(201,168,76,.15);
}
.hero-stat:last-child{border-right:none}
.stat-num{
  font-family:var(--serif);font-size:2rem;font-weight:600;
  color:var(--gold);line-height:1;display:block;
}
.stat-label{
  font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;
  color:rgba(245,240,232,.45);margin-top:.3rem;display:block;
}

/* ─── SECTION LABELS ─────────────────────── */
.section-head{
  max-width:var(--wide);margin:0 auto;
  padding:3.5rem 1.5rem 1.5rem;
  display:flex;align-items:baseline;gap:1.5rem;
}
.section-head h2{
  font-family:var(--serif);font-size:1.6rem;font-weight:600;
  color:var(--dark);
}
.section-head .see-all{
  font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--muted);border-bottom:1px solid var(--border);
  padding-bottom:.1rem;
}
.section-head .see-all:hover{color:var(--gold);border-color:var(--gold)}

/* ─── FEATURED POST (single big card) ───── */
.featured-wrap{max-width:var(--wide);margin:0 auto;padding:0 1.5rem 2rem}
.featured-card{
  display:grid;grid-template-columns:1fr 1fr;
  border:1px solid var(--border);overflow:hidden;
}
.featured-thumb{
  aspect-ratio:4/3;overflow:hidden;background:var(--dark);
  display:flex;align-items:center;justify-content:center;
}
.featured-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.featured-card:hover .featured-thumb img{transform:scale(1.03)}
.featured-thumb.no-img{font-size:4rem}
.featured-body{
  padding:2.5rem;display:flex;flex-direction:column;justify-content:center;
  background:var(--white);
}
.post-cat{
  font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--gold);margin-bottom:.8rem;font-weight:500;
}
.featured-title{
  font-family:var(--serif);font-size:clamp(1.4rem,2.5vw,2rem);
  font-weight:600;line-height:1.25;color:var(--dark);
  margin-bottom:1rem;transition:color .2s;
}
.featured-card:hover .featured-title{color:var(--gold)}
.featured-excerpt{
  font-size:.92rem;color:var(--muted);line-height:1.75;
  margin-bottom:1.4rem;
}
.post-meta{font-size:.72rem;color:var(--muted);letter-spacing:.04em}
.post-meta strong{color:var(--brown)}
.read-more{
  display:inline-flex;align-items:center;gap:.4rem;
  font-size:.75rem;font-weight:500;letter-spacing:.1em;
  text-transform:uppercase;color:var(--gold);margin-top:1.2rem;
  border-bottom:1px solid transparent;padding-bottom:.1rem;
  transition:border-color .2s;
}
.read-more:hover{border-color:var(--gold);color:var(--gold)}

/* ─── POST GRID ──────────────────────────── */
.grid-wrap{
  max-width:var(--wide);margin:0 auto;
  padding:0 1.5rem 4rem;
  display:grid;grid-template-columns:repeat(3,1fr);gap:1.8rem;
}
.post-card{border:1px solid var(--border);overflow:hidden;background:var(--white)}
.post-card-thumb{
  aspect-ratio:16/9;overflow:hidden;background:var(--dark);
  display:flex;align-items:center;justify-content:center;font-size:2.5rem;
}
.post-card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.post-card:hover .post-card-thumb img{transform:scale(1.04)}
.post-card-body{padding:1.4rem}
.card-title{
  font-family:var(--serif);font-size:1.1rem;font-weight:600;
  line-height:1.3;color:var(--dark);margin:.5rem 0 .6rem;
  transition:color .2s;display:block;
}
.post-card:hover .card-title{color:var(--gold)}
.card-excerpt{font-size:.85rem;color:var(--muted);line-height:1.7;margin-bottom:.8rem}
.card-meta{font-size:.68rem;color:var(--muted);letter-spacing:.04em}

/* colour variants for placeholder thumbs */
.bg1{background:linear-gradient(135deg,#2a1f0f,#5a3a10)}
.bg2{background:linear-gradient(135deg,#0f1a2a,#1a3a5a)}
.bg3{background:linear-gradient(135deg,#1a2a0f,#3a5a1a)}
.bg4{background:linear-gradient(135deg,#2a0f0f,#5a1a1a)}
.bg5{background:linear-gradient(135deg,#1a0f2a,#3a1a5a)}
.bg6{background:linear-gradient(135deg,#1f1a0a,#4a3a0a)}

/* ─── ABOUT STRIP (home) ─────────────────── */
.about-strip{
  background:var(--dark);
  border-top:1px solid rgba(201,168,76,.12);
  border-bottom:1px solid rgba(201,168,76,.12);
  padding:4rem 1.5rem;
}
.about-strip-inner{
  max-width:var(--wide);margin:0 auto;
  display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;
}
.about-strip h2{
  font-family:var(--serif);font-size:clamp(1.6rem,3vw,2.4rem);
  font-weight:600;color:var(--cream);margin-bottom:1.2rem;
  line-height:1.2;
}
.about-strip h2 em{color:var(--gold);font-style:italic}
.about-strip p{color:rgba(245,240,232,.6);line-height:1.85;margin-bottom:1rem;font-size:.95rem}
.about-strip p:last-of-type{margin-bottom:1.6rem}
.about-facts{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.fact-box{
  border:1px solid rgba(201,168,76,.2);padding:1.2rem;
  background:rgba(201,168,76,.04);
}
.fact-box .fact-num{
  font-family:var(--serif);font-size:1.8rem;font-weight:600;
  color:var(--gold);line-height:1;
}
.fact-box .fact-label{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(245,240,232,.45);margin-top:.3rem}

/* ─── NEWSLETTER STRIP ───────────────────── */
.nl-strip{background:var(--cream);padding:3.5rem 1.5rem;text-align:center;border-bottom:1px solid var(--border)}
.nl-strip h3{font-family:var(--serif);font-size:1.8rem;font-weight:600;color:var(--dark);margin-bottom:.5rem}
.nl-strip p{font-size:.92rem;color:var(--muted);margin-bottom:1.6rem}
.nl-form{display:flex;max-width:420px;margin:0 auto}
.nl-form input{
  flex:1;padding:.75rem 1rem;border:1.5px solid var(--border);
  border-right:none;background:var(--white);
  font-family:var(--sans);font-size:.88rem;outline:none;color:var(--dark);
  transition:border-color .2s;
}
.nl-form input:focus{border-color:var(--gold)}
.nl-form button{
  padding:.75rem 1.4rem;background:var(--dark);color:var(--cream);
  border:1.5px solid var(--dark);font-family:var(--sans);
  font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;
  cursor:pointer;transition:background .2s;
}
.nl-form button:hover{background:var(--gold);border-color:var(--gold);color:var(--black)}

/* ─── PAGE HEADER ────────────────────────── */
.page-banner{
  background:var(--dark);padding:3.5rem 1.5rem 3rem;
  border-bottom:1px solid rgba(201,168,76,.12);
}
.page-banner-inner{max-width:var(--max);margin:0 auto}
.page-banner .eyebrow{font-size:.65rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:.8rem}
.page-banner h1{font-family:var(--serif);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:600;color:var(--cream)}
.page-banner p{font-size:.92rem;color:rgba(245,240,232,.5);margin-top:.5rem}

/* ─── BLOG LIST ──────────────────────────── */
.blog-wrap{max-width:var(--max);margin:0 auto;padding:2rem 1.5rem 5rem}
.blog-item{
  display:grid;grid-template-columns:130px 1fr;gap:1.5rem;
  padding:2rem 0;border-bottom:1px solid var(--border);
  text-decoration:none;color:inherit;
}
.blog-item:hover .bi-title{color:var(--gold)}
.blog-item:last-child{border-bottom:none}
.bi-thumb{
  aspect-ratio:1;overflow:hidden;background:var(--dark);
  display:flex;align-items:center;justify-content:center;font-size:1.8rem;
}
.bi-thumb img{width:100%;height:100%;object-fit:cover}
.bi-cat{font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:.35rem}
.bi-title{font-family:var(--serif);font-size:1.2rem;font-weight:600;color:var(--dark);line-height:1.3;margin-bottom:.5rem;transition:color .2s}
.bi-excerpt{font-size:.88rem;color:var(--muted);line-height:1.7;margin-bottom:.4rem}
.bi-meta{font-size:.7rem;color:var(--muted)}

/* ─── SINGLE POST ────────────────────────── */
.single-wrap{max-width:var(--max);margin:0 auto;padding:2rem 1.5rem 5rem}
.back-link{
  display:inline-flex;align-items:center;gap:.4rem;
  font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--muted);margin-bottom:2rem;transition:color .2s;
}
.back-link:hover{color:var(--gold)}
.post-hero{width:100%;aspect-ratio:16/7;overflow:hidden;background:var(--dark);margin-bottom:2rem}
.post-hero img{width:100%;height:100%;object-fit:cover}
.single-cat{font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:.8rem}
.single-title{font-family:var(--serif);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:600;line-height:1.2;color:var(--dark);margin-bottom:.8rem}
.single-byline{font-size:.78rem;color:var(--muted);padding-bottom:1.5rem;border-bottom:1px solid var(--border);margin-bottom:2rem}
.post-body{font-size:1.02rem;line-height:1.88;color:var(--warm)}
.post-body p{margin-bottom:1.5rem}
.post-body h2{font-family:var(--serif);font-size:1.5rem;font-weight:600;color:var(--dark);margin:2.5rem 0 1rem}
.post-body h3{font-family:var(--serif);font-size:1.2rem;font-weight:600;color:var(--dark);margin:2rem 0 .8rem}
.post-body blockquote{border-left:3px solid var(--gold);padding:.5rem 0 .5rem 1.5rem;margin:2rem 0;font-style:italic;font-size:1.08rem;color:var(--brown)}
.post-body a{color:var(--gold)}
.post-body ul,.post-body ol{padding-left:1.5rem;margin-bottom:1.5rem}
.post-body li{margin-bottom:.5rem}
.post-body img{margin:2rem 0;border:1px solid var(--border)}
.post-tags{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:.5rem}
.post-tag{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);padding:.3rem .8rem;transition:all .2s}
.post-tag:hover{border-color:var(--gold);color:var(--gold)}
.pagination{margin-top:3rem;display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}
.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1.5px solid var(--border);font-size:.85rem;color:var(--warm);transition:all .2s}
.pagination a:hover,.pagination .current{background:var(--dark);color:var(--cream);border-color:var(--dark)}

/* ─── STATIC PAGE CONTENT ────────────────── */
.static-wrap{max-width:var(--max);margin:0 auto;padding:3rem 1.5rem 5rem}
.static-wrap h1{font-family:var(--serif);font-size:2rem;font-weight:600;color:var(--dark);margin-bottom:.4rem}
.static-meta{font-size:.75rem;color:var(--muted);padding-bottom:1.5rem;border-bottom:1px solid var(--border);margin-bottom:2rem}
.static-wrap h2{font-family:var(--serif);font-size:1.2rem;font-weight:600;color:var(--dark);margin:2.2rem 0 .8rem}
.static-wrap p,.static-wrap li{font-size:.95rem;color:var(--warm);line-height:1.8;margin-bottom:.9rem}
.static-wrap ul{padding-left:1.4rem;margin-bottom:1rem}
.static-wrap a{color:var(--gold)}
.static-wrap strong{color:var(--dark);font-weight:600}

/* ─── ABOUT PAGE ─────────────────────────── */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:2.5rem}
.about-text h2{font-family:var(--serif);font-size:1.3rem;font-weight:600;color:var(--dark);margin-bottom:.8rem}
.about-text p{font-size:.95rem;color:var(--warm);line-height:1.8;margin-bottom:1rem}
.about-side{}
.silk-types{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}
.silk-type-card{border:1px solid var(--border);padding:1.2rem;background:var(--cream)}
.silk-type-card h4{font-family:var(--serif);font-size:1rem;font-weight:600;color:var(--dark);margin-bottom:.4rem}
.silk-type-card p{font-size:.82rem;color:var(--muted);line-height:1.6;margin:0}
.timeline{margin-top:2rem}
.tl-item{display:flex;gap:1.2rem;padding-bottom:1.5rem}
.tl-year{font-family:var(--serif);font-size:.9rem;font-weight:600;color:var(--gold);min-width:50px;padding-top:.1rem}
.tl-body{font-size:.88rem;color:var(--warm);line-height:1.7;border-left:1px solid var(--border);padding-left:1.2rem}

/* ─── CONTACT FORM ───────────────────────── */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:2rem}
.contact-info h3{font-family:var(--serif);font-size:1.1rem;font-weight:600;color:var(--dark);margin-bottom:1rem}
.contact-info p{font-size:.9rem;color:var(--warm);margin-bottom:.5rem;line-height:1.7}
.contact-detail{display:flex;gap:.6rem;margin-bottom:.8rem;align-items:flex-start}
.contact-detail .cd-icon{color:var(--gold);font-size:.9rem;margin-top:.15rem}
.contact-detail p{margin:0;font-size:.88rem;color:var(--warm)}
.gi-card{margin-top:2rem;border:1px solid rgba(201,168,76,.3);padding:1.2rem;background:rgba(201,168,76,.04)}
.gi-card .gi-label{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:.4rem}
.gi-card .gi-name{font-family:var(--serif);font-size:1.1rem;color:var(--dark);font-weight:600}
.gi-card .gi-sub{font-size:.78rem;color:var(--muted);margin-top:.2rem}
.form-group{margin-bottom:1.2rem}
.form-group label{display:block;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:.4rem}
.form-group input,.form-group textarea,.form-group select{
  width:100%;padding:.72rem .9rem;border:1.5px solid var(--border);
  background:var(--white);color:var(--dark);font-family:var(--sans);
  font-size:.9rem;outline:none;transition:border-color .2s;
}
.form-group input:focus,.form-group textarea:focus{border-color:var(--gold)}
.form-group textarea{height:130px;resize:vertical}
.wpcf7 .form-group{margin-bottom:1.2rem}

/* ─── FOOTER ─────────────────────────────── */
#site-footer{background:var(--black);color:rgba(245,240,232,.55);padding:4rem 1.5rem 2rem}
.footer-grid{max-width:var(--wide);margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;padding-bottom:2.5rem;border-bottom:1px solid rgba(255,255,255,.06)}
.footer-brand .footer-logo img{height:44px;width:auto;margin-bottom:1rem}
.footer-brand .footer-logo-text{font-family:var(--serif);font-size:1.1rem;color:var(--cream);font-weight:600;margin-bottom:.8rem;display:block}
.footer-brand .footer-logo-text span{color:var(--gold)}
.footer-brand p{font-size:.83rem;line-height:1.7;max-width:260px}
.footer-col h4{font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem}
.footer-col ul{list-style:none}
.footer-col a{display:block;font-size:.83rem;color:rgba(245,240,232,.55);margin-bottom:.5rem;transition:color .2s}
.footer-col a:hover{color:var(--cream)}
.footer-bottom{max-width:var(--wide);margin:1.5rem auto 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}
.footer-bottom p{font-size:.72rem}
.footer-bottom a{color:rgba(201,168,76,.7)}
.footer-bottom a:hover{color:var(--gold)}
.gi-badge{font-size:.68rem;color:var(--gold);letter-spacing:.06em;opacity:.8}

/* ─── RESPONSIVE ─────────────────────────── */
@media(max-width:900px){
  .footer-grid{grid-template-columns:1fr 1fr;gap:2rem}
  .about-strip-inner{grid-template-columns:1fr}
}
@media(max-width:768px){
  #primary-nav{display:none}
  #menu-btn{display:flex}
  .featured-card{grid-template-columns:1fr}
  .grid-wrap{grid-template-columns:1fr;gap:1.5rem}
  .about-grid{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
  .silk-types{grid-template-columns:1fr}
  .hero-stats{gap:0}
  .hero-stat{padding:.8rem 1.2rem;border-right:none;border-bottom:1px solid rgba(201,168,76,.1)}
  .hero-stat:last-child{border-bottom:none}
}
@media(max-width:600px){
  .footer-grid{grid-template-columns:1fr}
  .blog-item{grid-template-columns:1fr}
  .bi-thumb{aspect-ratio:16/7;width:100%}
  .nl-form{flex-direction:column}
  .nl-form input{border-right:1.5px solid var(--border);border-bottom:none}
}