/*
Theme Name: Anaya's Bag
Theme URI: https://anayasbag.com
Author: Anaya's Bag
Description: Custom single-page storefront theme for Anaya's Bag - handbags, clutches and wallets in Dhaka. Built for WhatsApp/DM ordering with Facebook Pixel event tracking wired in and ready.
Version: 1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: anayas-bag
*/

:root{
  --black:#8E2A47;       /* deep rosewood/maroon - primary brand colour */
  --gold:#C9A15C;
  --gold-dark:#A8823F;
  --cream:#FBE7DF;       /* soft blush */
  --white:#ffffff;
  --text-dark:#3A2430;   /* warm plum-brown for body text */
  --text-muted:#8C6B72;  /* dusty rose-brown for secondary text */
  --border:#F0DCD2;      /* soft blush border */
  --whatsapp:#8E2A47;    /* CTA buttons now use brand maroon, not WhatsApp green */
}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Poppins',sans-serif;color:var(--text-dark);background:var(--cream);line-height:1.6;}
h1,h2,h3,.logo{font-family:'Playfair Display',serif;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}
ul{list-style:none;}
.container{max-width:1180px;margin:0 auto;padding:0 20px;}
.btn{display:inline-block;padding:13px 30px;border-radius:4px;font-weight:500;font-size:14px;letter-spacing:.5px;cursor:pointer;border:1px solid transparent;transition:all .2s ease;}
.btn-primary{background:var(--black);color:var(--white);}
.btn-primary:hover{background:var(--gold-dark);}
.btn-whatsapp{background:var(--whatsapp);color:var(--white);}
.btn-whatsapp:hover{filter:brightness(1.08);}
.btn-outline{background:transparent;border:1px solid var(--black);color:var(--black);}
.section{padding:64px 0;}
.section-head{text-align:center;max-width:520px;margin:0 auto 40px;}
.section-head p.eyebrow{color:var(--gold-dark);font-size:13px;letter-spacing:2px;text-transform:uppercase;font-weight:500;margin-bottom:8px;}
.section-head h2{font-size:30px;font-weight:600;}
.section-head p.sub{color:var(--text-muted);margin-top:10px;font-size:15px;}

.announce{background:var(--black);color:var(--white);text-align:center;font-size:13px;padding:9px 0;letter-spacing:.3px;}

header.site-header{background:var(--white);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;padding:16px 0;}
.logo{font-size:26px;font-weight:700;color:var(--black);}
.logo span{color:var(--gold-dark);}
nav.main-nav ul{display:flex;gap:32px;}
nav.main-nav a{font-size:14px;font-weight:500;color:var(--text-dark);}
nav.main-nav a:hover{color:var(--gold-dark);}
.nav-right{display:flex;align-items:center;gap:14px;}
.menu-toggle{display:none;background:none;border:none;font-size:24px;cursor:pointer;}
@media(max-width:860px){
  nav.main-nav{position:fixed;top:0;right:-260px;width:260px;height:100vh;background:var(--white);flex-direction:column;padding:80px 24px;box-shadow:-4px 0 20px rgba(0,0,0,.08);transition:right .25s ease;}
  nav.main-nav.open{right:0;}
  nav.main-nav ul{flex-direction:column;gap:22px;}
  .menu-toggle{display:block;}
}

.hero{background:linear-gradient(180deg,var(--white),var(--cream));padding:60px 0 70px;}
.hero-wrap{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}
.hero-copy p.eyebrow{color:var(--gold-dark);font-size:13px;letter-spacing:2px;text-transform:uppercase;font-weight:500;margin-bottom:14px;}
.hero-copy h1{font-size:42px;line-height:1.2;font-weight:600;margin-bottom:16px;}
.hero-copy p.desc{color:var(--text-muted);font-size:16px;margin-bottom:26px;max-width:440px;}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;}
.hero-img{border-radius:8px;overflow:hidden;}
@media(max-width:860px){.hero-wrap{grid-template-columns:1fr;}.hero-copy h1{font-size:32px;}}

.trust-strip{background:var(--white);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:26px 0;}
.trust-item{display:flex;align-items:center;gap:12px;justify-content:center;text-align:left;padding:0 12px;font-size:13px;}
.trust-item .ic{font-size:22px;}
.trust-item b{display:block;font-size:13.5px;}
.trust-item span{color:var(--text-muted);font-size:12px;}
@media(max-width:860px){.trust-grid{grid-template-columns:repeat(2,1fr);gap:18px;}}

.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.cat-card{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:1/1;cursor:pointer;}
.cat-card img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;}
.cat-card:hover img{transform:scale(1.06);}
.cat-label{position:absolute;bottom:0;left:0;right:0;padding:16px;background:linear-gradient(0deg,rgba(0,0,0,.65),transparent);color:#fff;font-weight:500;font-size:15px;}
@media(max-width:760px){.cat-grid{grid-template-columns:repeat(2,1fr);}}

.prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.prod-card{background:var(--white);border:1px solid var(--border);border-radius:8px;overflow:hidden;transition:box-shadow .2s ease;}
.prod-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.08);}
.prod-img{aspect-ratio:1/1;overflow:hidden;position:relative;cursor:pointer;}
.prod-img img{width:100%;height:100%;object-fit:cover;}
.badge-sale{position:absolute;top:10px;left:10px;background:var(--black);color:#fff;font-size:11px;padding:4px 9px;border-radius:3px;letter-spacing:.3px;}
.prod-info{padding:14px 16px 18px;}
.prod-info .cat{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;}
.prod-info h3{font-family:'Poppins',sans-serif;font-size:15px;font-weight:500;margin:4px 0 8px;}
.price-row{display:flex;align-items:baseline;gap:8px;margin-bottom:12px;}
.price-now{font-size:17px;font-weight:600;color:var(--black);}
.price-old{font-size:13px;color:var(--text-muted);text-decoration:line-through;}
.prod-info .btn-whatsapp{width:100%;text-align:center;padding:10px;font-size:13px;}
@media(max-width:860px){.prod-grid{grid-template-columns:repeat(2,1fr);}}

.about-wrap{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}
.about-wrap img{border-radius:8px;}
.about-copy p.eyebrow{color:var(--gold-dark);font-size:13px;letter-spacing:2px;text-transform:uppercase;font-weight:500;margin-bottom:10px;}
.about-copy h2{font-size:28px;margin-bottom:14px;font-weight:600;}
.about-copy p{color:var(--text-muted);margin-bottom:14px;font-size:15px;}
@media(max-width:860px){.about-wrap{grid-template-columns:1fr;}.about-wrap .about-img{order:-1;}}

.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.review-card{background:var(--white);border:1px solid var(--border);border-radius:8px;padding:22px;}
.review-card .stars{color:var(--gold-dark);font-size:14px;margin-bottom:10px;}
.review-card p.txt{font-size:14px;color:var(--text-dark);margin-bottom:14px;}
.review-card .who{font-size:13px;font-weight:500;color:var(--text-muted);}
@media(max-width:860px){.review-grid{grid-template-columns:1fr;}}

.faq{max-width:760px;margin:0 auto;}
.faq-item{border-bottom:1px solid var(--border);}
.faq-q{display:flex;justify-content:space-between;align-items:center;padding:18px 4px;cursor:pointer;font-weight:500;font-size:15px;}
.faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease;color:var(--text-muted);font-size:14px;}
.faq-a p{padding:0 4px 18px;}
.faq-item.open .faq-a{max-height:200px;}
.faq-q .plus{transition:transform .2s ease;}
.faq-item.open .faq-q .plus{transform:rotate(45deg);}

footer.site-footer{background:var(--black);color:#cfc9bf;padding:56px 0 24px;margin-top:20px;}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;margin-bottom:36px;}
.foot-col h4{color:#fff;font-size:14px;margin-bottom:16px;font-weight:500;letter-spacing:.5px;}
.foot-col p, .foot-col a{font-size:13.5px;color:#b7b0a4;display:block;margin-bottom:10px;}
.foot-col a:hover{color:var(--gold);}
.foot-logo{font-family:'Playfair Display',serif;color:#fff;font-size:22px;font-weight:700;margin-bottom:12px;}
.foot-bottom{border-top:1px solid #3a3a3a;padding-top:20px;text-align:center;font-size:12.5px;color:#8a8478;}
@media(max-width:760px){.foot-grid{grid-template-columns:1fr;}}

.float-wa{position:fixed;bottom:22px;right:22px;background:var(--whatsapp);color:#fff;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 6px 18px rgba(0,0,0,.25);z-index:200;animation:pulse 2.2s infinite;}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(142,42,71,.5);}70%{box-shadow:0 0 0 14px rgba(142,42,71,0);}100%{box-shadow:0 0 0 0 rgba(142,42,71,0);}}