/* ==========================================================================
   SHYAMSUTRA — Luxe theme ("natural kesar", light only)
   Ported from ShyamSutra_Luxe_prototype.html. Loaded LAST on every page
   (after luxury-theme.css), so this single file re-skins the whole site on
   desktop AND mobile. Presentation only: no PHP logic, checkout, admin or
   tracking is touched.

   >>> TO TWEAK COLOURS LATER, EDIT ONLY THE :root BLOCK BELOW <<<
   To roll back: remove the one luxe-theme.css <link> line in includes/header.php.
   ========================================================================== */
:root{
  --lx-bg:#FFFBF2;        /* page: warm cream */
  --lx-surface:#FFFFFF;
  --lx-tint:#F6E2B5;      /* announcement bar, gift band, footer */
  --lx-stone:#F8EBD2;     /* alternate bands (hero, reviews) */
  --lx-sand:#F8EBD2;
  --lx-line:#EBD9B8;      /* hairlines */
  --lx-ink:#4A3321;       /* warm brown text */
  --lx-mut:#7A644E;       /* secondary text */
  --lx-gold:#C98A2B;
  --lx-gold-dk:#9A5F10;   /* gold used as text */
  --lx-gold-lt:#C98A2B;
  --lx-kesar:#B06F14;     /* primary button */
  --lx-kesar-d:#8F5A0E;   /* primary button hover */
  --lx-dark:#F6E2B5;      /* old "dark" surfaces become the kesar tint */
  --lx-dark-2:#F8EBD2;

  /* map onto variables the older stylesheets use */
  --ed-bg:var(--lx-bg); --ed-tint:var(--lx-stone); --ed-ink:var(--lx-ink); --ed-mut:var(--lx-mut);
  --ed-line:var(--lx-line); --ed-wine:var(--lx-tint); --ed-gold:var(--lx-gold-dk); --ed-hi:var(--lx-gold);
  --ed-gold-lt:var(--lx-kesar); --ed-gold-hover:var(--lx-kesar-d);
  --cream:var(--lx-bg); --cream-deep:var(--lx-stone); --tint:var(--lx-stone); --line:var(--lx-line);
  --ink:var(--lx-ink); --ink-soft:var(--lx-mut); --gold:var(--lx-gold); --gold-deep:var(--lx-gold-dk);
  --gold-main:var(--lx-kesar); --gold-hover:var(--lx-kesar-d); --gold-text:var(--lx-gold-dk);
  --charcoal:var(--lx-ink); --burgundy:var(--lx-kesar); --moss:var(--lx-kesar);
}
html,body{background:var(--lx-bg)}
body{color:var(--lx-ink)}
h1,h2,h3,h4,h5,.serif{font-weight:300;color:var(--lx-ink)}
h1 em,h2 em{color:var(--lx-gold-dk);font-style:italic}
::selection{background:var(--lx-kesar);color:#FFF8EA}
.eyebrow,.section-head .eyebrow{color:var(--lx-gold-dk)}
.section-head h2::after{background:var(--lx-gold)}

/* ---------- Buttons: kesar ---------- */
.btn-primary,.btn-gold,.btn.btn-primary,button.btn-primary,#placeOrderBtn,#csbPlaceOrderBtn{background:var(--lx-kesar);border:1px solid var(--lx-kesar);color:#FFF8EA!important}
.btn-primary:hover,.btn-gold:hover,.btn.btn-primary:hover:not([disabled]),#placeOrderBtn:hover{background:var(--lx-kesar-d);border-color:var(--lx-kesar-d);color:#FFF8EA!important}
.btn-outline{background:transparent;color:var(--lx-kesar-d);border:1px solid var(--lx-kesar)}
.btn-outline:hover{background:var(--lx-kesar);color:#FFF8EA;border-color:var(--lx-kesar)}
.btn[disabled],.btn:disabled{background:var(--lx-mut);border-color:var(--lx-mut)}
input:focus,select:focus,textarea:focus{border-color:var(--lx-kesar)}
:focus-visible{outline-color:var(--lx-kesar)}

/* ---------- Announcement bar: light kesar tint ---------- */
.announce-bar{background:var(--lx-tint)}
.announce-track,.announce-track span{color:var(--lx-ink)}
.announce-track span::before{color:var(--lx-kesar);opacity:1}

/* ---------- Header ---------- */
.site-header,.site-header.is-scrolled{background:rgba(255,251,242,.96)!important;border-bottom:1px solid var(--lx-line)!important}
.site-header.is-scrolled{box-shadow:0 10px 30px -24px rgba(74,51,33,.45)}
.site-header .logo,.site-header .logo .word,.site-header .logo .word .accent,.site-header .nav .logo,.site-header .nav .logo .word,.site-header .menu-toggle,.site-header .icon-btn{color:var(--lx-ink)!important}
.site-header .cart-count{background:var(--lx-kesar);color:#FFF8EA}
.site-header .icon-btn:focus-visible,.site-header .menu-toggle:focus-visible{outline-color:var(--lx-kesar)}
@media(min-width:901px){
  .site-header .nav-links a{color:var(--lx-ink)!important}
  .site-header .nav-links a::after{background:var(--lx-gold)}
  .site-header .nav-links a:hover,.site-header .nav-links a.active{color:var(--lx-gold-dk)!important}
}
.logo .word,.logo .word .accent,.nav .logo .word,.nav .logo .word .accent,.om-mark{color:var(--lx-ink)!important}
.nav-links a{color:var(--lx-ink)!important}
.nav-links a:hover,.nav-links a.active{color:var(--lx-gold-dk)!important}
.nav-links a::after{background:var(--lx-gold)}
.cart-count,.mobile-tab-count{background:var(--lx-kesar);color:#FFF8EA}
.mega-panel,.nav-search-drop{background:var(--lx-bg);border-color:var(--lx-line)}
.nav-guarantee .shield path:first-child{fill:var(--lx-kesar);stroke:var(--lx-kesar)}
.nav-guarantee .shield path:nth-child(2){fill:var(--lx-kesar-d)}

/* ---------- Hero (split: photo + kesar-tint caption panel) ---------- */
.hero-slider{background:var(--lx-stone)}
.hero-slide-content{background:var(--lx-stone)}
.hero-slider-primary .hero-slide:not(.no-caption) .hero-slide-content{background:var(--lx-stone)}
.hero-slide-content .eyebrow{color:var(--lx-gold-dk)}
.hero-slide-content h1,.hero-slide-content h2,
.hero-slider-primary .hero-slide:not(.no-caption) .hero-slide-content h1,
.hero-slider-primary .hero-slide:not(.no-caption) .hero-slide-content h2{color:var(--lx-ink);text-shadow:none;font-weight:300;font-style:normal}
.hero-slide-content p,.hero-slide-content p.lead,
.hero-slider-primary .hero-slide:not(.no-caption) .hero-slide-content p.lead{color:var(--lx-mut)}
.hero-slider .btn-primary,.hero-slider .btn-gold,.hero-slider .btn.btn-primary,
.hero-slider-primary .hero-slide:not(.no-caption) .btn-primary{background:var(--lx-kesar);color:#FFF8EA!important;border:1px solid var(--lx-kesar)}
.hero-slider .btn-primary:hover,.hero-slider .btn.btn-primary:hover,
.hero-slider-primary .hero-slide:not(.no-caption) .btn-primary:hover{background:var(--lx-kesar-d);border-color:var(--lx-kesar-d);color:#FFF8EA!important}
.hero-slider .btn-outline{color:var(--lx-kesar-d);border-color:var(--lx-kesar)}
.hero-slider .btn-outline:hover{background:var(--lx-kesar);color:#FFF8EA}
.hero-slider-dots{mix-blend-mode:normal}
.hero-slider-dots .hero-dot,.hero-dot{border:1px solid var(--lx-kesar);background:transparent}
.hero-slider-dots .hero-dot.is-active,.hero-dot.is-active{background:var(--lx-kesar)}
/* slides with no caption are just a photo: keep the dots readable over it */
.hero-slide.no-caption~.hero-slider-dots{mix-blend-mode:difference}

/* Hero stats strip */
.home-hero-stats{background:var(--lx-bg);border-bottom:1px solid var(--lx-line)}
.home-hero-stats-item strong{color:var(--lx-ink)}
.home-hero-stats-item span{color:var(--lx-mut)}

/* ---------- Story blocks ---------- */
.ed-story,.ed-story-text{background:var(--lx-bg)}
.ed-story.rev,.ed-story.rev .ed-story-text{background:var(--lx-stone)}
.ed-story-text h2 em{color:var(--lx-gold-dk)}
.ed-story-text a,.ed-link,.collection-link{color:var(--lx-ink);border-bottom-color:var(--lx-gold)}
.ed-story-text a:hover,.ed-link:hover,.collection-link:hover{color:var(--lx-gold-dk)}
.ed-story-text .ed-cap{color:var(--lx-mut)}

/* ---------- Collection cards ---------- */
.collection-card{background:var(--lx-stone)}
.collection-info{background:linear-gradient(transparent,rgba(74,51,33,.55))}

/* ---------- Gift band: light kesar tint with dark text ---------- */
.gift-band{background:var(--lx-tint)}
.gift-band-copy h2{color:var(--lx-ink)}
.gift-band-copy p{color:var(--lx-mut)}
.gift-band-copy .eyebrow{color:var(--lx-gold-dk)}
.gift-band-save{color:var(--lx-gold-dk)!important}
.gift-band .btn-primary,.gift-band .btn.btn-primary{background:var(--lx-kesar);border-color:var(--lx-kesar);color:#FFF8EA!important}
.gift-band .btn-primary:hover,.gift-band .btn.btn-primary:hover{background:var(--lx-kesar-d);border-color:var(--lx-kesar-d);color:#FFF8EA!important}
.gift-band-btn{border-color:var(--lx-kesar)!important;color:var(--lx-kesar-d)!important;background:transparent}
.gift-band-btn:hover{background:var(--lx-kesar)!important;color:#FFF8EA!important}

/* ---------- Product cards ---------- */
.product-media,.product-thumb{background:var(--lx-stone)}
.product-cat{color:var(--lx-mut)}
.product-body h3,.product-body h3 a{color:var(--lx-ink)}
.product-card:hover .product-body h3 a{color:var(--lx-gold-dk)}
.product-badge,.discount-tag{background:var(--lx-bg)!important;color:var(--lx-ink)!important;border:0}
.product-badge.badge-moss{background:var(--lx-bg)!important;color:var(--lx-ink)!important}
.product-price .now{color:var(--lx-ink)}
.product-price .was{color:var(--lx-mut)}
.product-actions .buy-now-btn{background:transparent;color:var(--lx-ink);border:0;border-top:1px solid var(--lx-line);margin-top:14px;padding:16px 0 0;width:100%}
.product-actions .buy-now-btn:hover{background:transparent;color:var(--lx-gold-dk)}
.low-stock,.product-off{color:var(--lx-gold-dk)}
.product-wish{background:rgba(255,251,242,.92)}

/* ---------- Closing banner ---------- */
.ed-banner .ed-cta{background:rgba(255,251,242,.95);color:var(--lx-ink)}
.ed-banner .ed-cta:hover{background:var(--lx-kesar);color:#FFF8EA}

/* ---------- Reviews / FAQ / signup ---------- */
.reviews-section{background:var(--lx-stone)}
.review-card,.pd-review-card{background:var(--lx-bg);border:0;padding:clamp(24px,3vw,40px)}
.review-stars,.stars,.product-rating .stars{color:var(--lx-gold)}
.review-text{color:var(--lx-ink)}
.review-name{color:var(--lx-ink)}
.review-role{color:var(--lx-mut)}
.home-signup-card{background:var(--lx-stone);border-color:var(--lx-line)}
.faq-section{background:var(--lx-bg)}
.faq-icon::before,.faq-icon::after{background:var(--lx-kesar)}

/* ---------- Footer: light kesar tint ---------- */
.site-footer{background:var(--lx-tint);color:var(--lx-mut)}
.footer-logo,.footer-logo .accent{color:var(--lx-ink)}
.footer-grid p,.footer-grid ul li a{color:var(--lx-mut)}
.footer-grid h4,.footer-col-toggle{color:var(--lx-gold-dk)}
.footer-grid ul li a:hover{color:var(--lx-kesar-d)}
.trust-strip{border-color:var(--lx-line)}
.trust-item,.trust-item svg{color:var(--lx-ink)}
.trust-item strong{color:var(--lx-ink)}
.trust-item .sub{color:var(--lx-mut)}
.footer-bottom{background:transparent;box-shadow:none;border-color:var(--lx-line);color:var(--lx-mut)}
.newsletter-form input{border-bottom-color:var(--lx-mut);color:var(--lx-ink)}
.newsletter-form input::placeholder{color:var(--lx-mut)}
.newsletter-form button{background:transparent;color:var(--lx-kesar-d);border:1px solid var(--lx-kesar)}
.social-icons a{color:var(--lx-ink)}
.social-icons a:hover,.social-row a:hover{background:var(--lx-kesar);border-color:var(--lx-kesar);color:#FFF8EA}

/* ---------- Floating bits, drawers, popups ---------- */
.whatsapp-float{background:var(--lx-kesar)!important;color:#FFF8EA!important}
.toast{background:var(--lx-ink)}
.cart-drawer{background:var(--lx-bg);border-left-color:var(--lx-line)}
.search-overlay{background:rgba(255,251,242,.97)}
.ss-consent{background:var(--lx-bg)!important;border-color:var(--lx-line)!important}
.ss-consent .ss-c-accept{background:var(--lx-kesar)!important;border-color:var(--lx-kesar)!important;color:#FFF8EA!important}
.ss-consent .ss-c-accept:hover{background:var(--lx-kesar-d)!important;border-color:var(--lx-kesar-d)!important}
.ss-consent .ss-c-reject{border-color:var(--lx-kesar)!important;color:var(--lx-kesar-d)!important}
.ss-consent .ss-c-reject:hover{background:var(--lx-stone)!important}
.ss-pop{background:var(--lx-bg)}
.ss-pop-code{border-color:var(--lx-gold)}
.pdp-sticky-bar,.checkout-sticky-bar{background:rgba(255,251,242,.97)!important;border-top-color:var(--lx-line)!important}
.subscribe-save-box{background:var(--lx-stone)!important}
.subscribe-save-box button{background:var(--lx-kesar)!important;border-color:var(--lx-kesar)!important}
.add-cart-btn,.product-actions .add-cart-btn{border-color:var(--lx-kesar);color:var(--lx-kesar-d)}
.add-cart-btn:hover{background:var(--lx-kesar);color:#FFF8EA}
.product-actions .add-cart-btn:nth-of-type(2){background:var(--lx-kesar);color:#FFF8EA;border-color:var(--lx-kesar)}
.product-actions .add-cart-btn:nth-of-type(2):hover{background:var(--lx-kesar-d);border-color:var(--lx-kesar-d)}
.page-hero,.page-header{background:var(--lx-stone);border-bottom-color:var(--lx-line)}
.filter-group h4,.shop-filters-head h3{color:var(--lx-gold-dk)}

/* ================= Mobile ================= */
@media (max-width:900px){
  .mobile-tab-bar{background:rgba(255,251,242,.96)!important;border-top:1px solid var(--lx-line)!important}
  .mobile-tab-item{color:var(--lx-mut)}
  .mobile-tab-item.is-active{color:var(--lx-kesar-d)}
  .nav-links{background:var(--lx-bg)}
  .nav-links>li{border-color:var(--lx-line)}
  .nav-links a{font-family:var(--lx-serif);text-transform:none;letter-spacing:.02em;font-size:1.4rem;font-weight:300}
  .announce-track span{font-size:.56rem}
  .hero-slide-content{position:relative!important;left:auto;right:auto;bottom:auto;padding:36px 22px 48px;background:var(--lx-stone)}
  .hero-slide-overlay{display:none!important}
  .hero-slide-img{aspect-ratio:4/4.4!important;object-fit:cover!important;height:auto!important}
  .hero-slide-content h1,.hero-slide-content h2{font-size:clamp(2.2rem,10vw,3rem);line-height:1.1}
  .hero-slider-dots{top:auto;bottom:14px;mix-blend-mode:normal}
  .gift-band-copy{padding:40px 22px 48px}
  .site-footer{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
}

/* footer trust strip + disabled states: keep text readable on the kesar tint */
.site-footer .trust-item .sub,.site-footer .trust-item span.sub{color:var(--lx-mut)!important;opacity:1!important}
.site-footer .trust-item strong{color:var(--lx-ink)!important}
.site-footer .footer-grid a,.site-footer .footer-grid p{opacity:1}