/* ===== Vitapuria VIP theme (noir & or) — overrides ===== */
:root{
  --page:#070b14; --soft:#111a2b; --card:#0f1726; --card2:#141e31;
  --ink:#f3ebdd; --muted:#aaa395; --line:rgba(232,182,107,.22);
  --gold:#e8b66b; --gold2:#f3d39b; --gold-d:#b98a45; --dark:#10151f;
  --brand:#e8b66b; --brand-deep:#04070d; --sun:#e8b66b; --danger:#ff8a7a;
  --disp:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --body:"Inter","IBM Plex Sans Arabic",system-ui,-apple-system,"Segoe UI",sans-serif;
  color-scheme:dark;
}
[lang="ar"]{--disp:"IBM Plex Sans Arabic","Cormorant Garamond",serif;--body:"IBM Plex Sans Arabic","Inter",system-ui,sans-serif}
body{background:var(--page);color:var(--ink)}
h1,h2,h3,h4{font-weight:700;letter-spacing:0}
[lang="ar"] h1,[lang="ar"] h2,[lang="ar"] h3,[lang="ar"] h4{font-weight:700}
:focus-visible{outline-color:var(--gold)}

/* every product/section colour (tint/color) becomes dark card + gold */
[style]{--pt:var(--card)!important;--pc:var(--gold)!important;--st:var(--card)!important;--sc:var(--gold)!important;
  --nt:var(--card)!important;--nc:var(--card2)!important;--it:var(--card2)!important;--ic:var(--gold)!important;--k:var(--gold);--kc:var(--dark)}
[style*="background:#"]:not([style*="25D366"]){background:radial-gradient(circle at 50% 40%,#1b2640 0%,var(--card) 70%)!important}

/* borders: thin gold instead of thick black */
body *{border-color:var(--line)!important}
.header{border-bottom:1px solid var(--line)!important}
.field.bad input{border-color:var(--danger)!important}

/* top bars */
.announce{background:linear-gradient(90deg,#17120a,#2a2010,#17120a);color:var(--gold2);border-bottom:1px solid var(--line)}
.announce span+span::before{color:var(--gold)}
.cd{background:#0c1220;color:var(--ink);border-bottom:1px solid var(--line)}
.cd-t b{background:var(--gold);color:var(--dark)}
.header{background:rgba(7,11,20,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.brand b{color:var(--gold);font-family:"Cormorant Garamond",serif;font-weight:700;font-size:28px;letter-spacing:.02em}
.brand img{filter:sepia(1) saturate(2.2) hue-rotate(-8deg) brightness(1.05)}
.mainnav a{font-family:var(--body);font-weight:500;font-size:15px;letter-spacing:.02em;color:var(--ink)}
.mainnav a:hover{background:var(--soft)}
.mainnav a[aria-current="page"]{background:transparent;color:var(--gold);box-shadow:inset 0 -2px 0 var(--gold);border-radius:0}
.iconbtn{color:var(--ink)}.iconbtn:hover{background:var(--soft)}
.iconbtn .count{background:var(--gold);color:var(--dark)}
.langs{border-width:1px}.langs button{color:var(--muted);font-family:var(--body)}
.langs button[aria-pressed="true"]{background:var(--gold);color:var(--dark)}

/* buttons */
.btn{background:linear-gradient(180deg,var(--gold2),var(--gold));color:var(--dark);border:0!important;font-family:var(--body);font-weight:700;letter-spacing:.01em;box-shadow:0 10px 28px -10px rgba(232,182,107,.55)}
.btn.dark{background:linear-gradient(180deg,var(--gold2),var(--gold));color:var(--dark)}
.btn.line{background:transparent;color:var(--gold);border:1px solid var(--gold)!important;box-shadow:none}
.btn.line:hover{background:var(--gold);color:var(--dark)}
.btn.white{background:var(--ink);color:var(--dark)}
.addfull:hover{background:var(--gold2)!important;color:var(--dark)}
.buy .btn:not(.dark){background:transparent;color:var(--gold);border:1px solid var(--gold)!important;box-shadow:none}
.link{border-bottom-color:var(--gold);color:var(--gold);font-family:var(--body);font-size:15px}
.kick{background:transparent!important;color:var(--gold)!important;border:1px solid var(--line);font-family:var(--body);font-weight:600;font-size:12px;letter-spacing:.22em}
[lang="ar"] .kick{letter-spacing:0;font-size:14px}

/* drawers, toast */
.drawer{background:var(--card)}
.drawer-head{border-bottom-width:1px}.drawer-foot{border-top-width:1px}
.mnav a{color:var(--ink)}
.mlangs button{background:var(--soft);color:var(--ink)}
.mlangs button[aria-pressed="true"]{background:var(--gold);color:var(--dark)}
.toast{background:#141e31;color:var(--ink);border:1px solid var(--line)}
.toast .icon{color:var(--gold)}.toast button{background:var(--gold);color:var(--dark)}
.scrim{background:rgba(0,0,0,.65)}

/* hero */
.slide{background:radial-gradient(1000px 520px at 70% 40%,#16203a 0%,var(--page) 70%)!important}
.slide h1{color:var(--ink)}
.slide p{color:var(--muted)}
.from b{color:var(--gold2)}
.art .blob{background:radial-gradient(circle,rgba(232,182,107,.30) 0%,rgba(232,182,107,.08) 45%,transparent 70%)!important}
.dots button{background:transparent;border:1px solid var(--gold)!important}
.dots button[aria-pressed="true"]{background:var(--gold)}

/* marquee */
.marquee{background:#0c1220;color:var(--gold2);border-block:1px solid var(--line)}
.track{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:22px;letter-spacing:.04em}
[lang="ar"] .track{font-family:var(--body);font-size:18px}
.track i{color:var(--gold)}

/* needs (categories) */
.need .circle{background:radial-gradient(circle at 50% 40%,#1b2640,var(--card))!important;border:1px solid var(--line)!important}
.need b{font-family:var(--disp);color:var(--ink)}

/* product cards */
.pc .media{border:1px solid var(--line)}
.pc .media::before{background:radial-gradient(circle,rgba(232,182,107,.22),transparent 68%)!important;opacity:1}
.pc .cat-l{color:var(--gold)}
.pc h3{color:var(--ink)}
.pc .price{color:var(--gold2);font-family:var(--body);font-weight:700}
.badge{background:var(--gold);color:var(--dark);border:0!important;font-family:var(--body);font-weight:700;letter-spacing:.04em}
.badge.new{background:var(--ink);color:var(--dark)}

/* offer block */
.offer{background:linear-gradient(135deg,#1a1408,#0f1726 55%);border:1px solid var(--line)!important}
.offer h2{color:var(--ink)}.offer p{color:var(--muted)}
.tier{background:var(--card);color:var(--ink)}
.tier.pop{background:linear-gradient(180deg,var(--gold2),var(--gold));color:var(--dark)}
.tier .pill{background:var(--dark);color:var(--gold)}
.tier .pr{font-family:var(--body);font-weight:700}
.tier .sv{color:#7ccf9a}.tier.pop .sv{color:var(--dark)}

/* feature, facts, steps */
.feature{background:var(--card)!important}
.f-art{background:radial-gradient(circle at 50% 45%,#1d2945,#0b1220)!important}
.f-copy p,.transp p{color:var(--muted)}
.facts{background:var(--card)!important}
.panel{background:var(--card2);color:var(--ink)}
.panel h4{border-bottom-color:var(--gold)!important}
.step{background:var(--card)!important}
.step .n{background:transparent!important;color:var(--gold);border:1px solid var(--gold)!important;font-family:var(--disp)}
.step p{color:var(--muted)}
.qa summary{color:var(--ink);font-family:var(--disp)}
.qa summary .pm{border-color:var(--gold)!important;color:var(--gold)}
.qa[open] summary .pm{background:var(--gold);color:var(--dark)}
.qa p{color:var(--muted)}
.checks .ck,.bdet .ck{background:transparent;border:1px solid var(--gold)!important;color:var(--gold)}

/* shop */
.chipbtn{background:var(--card);color:var(--ink);font-family:var(--body);font-size:14.5px;font-weight:600}
.chipbtn:hover{background:var(--soft)}
.chipbtn[aria-pressed="true"]{background:var(--gold);color:var(--dark)}
.searchbox input,.sortsel{background:var(--card);color:var(--ink)}
.searchbox input:focus{box-shadow:0 0 0 3px rgba(232,182,107,.35)}
.empty{background:var(--card)}
.crumbs a:hover{color:var(--gold)}

/* product page */
.gal .main{background:radial-gradient(circle at 50% 40%,#1b2640,var(--card))}
.gal .thumbs button[aria-pressed="true"]{border-color:var(--gold)!important}
.pinfo .cat-l{color:var(--gold)}
.pinfo .lead{color:var(--muted)}
.pinfo .pp{color:var(--gold2);font-family:var(--body);font-weight:700}
.opt{background:var(--card);color:var(--ink)}
.opt .radio{border-color:var(--gold)!important}
.opt:has(input:checked){background:linear-gradient(180deg,#1b2235,#141b2b);border-color:var(--gold)!important;box-shadow:none}
[dir="rtl"] .opt:has(input:checked){box-shadow:none}
.opt:has(input:checked) .radio::after{background:var(--gold)}
.opt .t .sv{color:#7ccf9a}
.opt .pr{color:var(--gold2);font-family:var(--body);font-weight:700}
.opt .tag{background:var(--gold);color:var(--dark)}
.mini-trust div{background:var(--card);color:var(--ink)}
.tablist button{background:var(--card);color:var(--ink);font-family:var(--body);font-size:14px}
.tablist button[aria-selected="true"]{background:var(--gold);color:var(--dark)}
.ctable th{border-bottom:2px solid var(--gold)!important}
.hl li{background:var(--card);color:var(--ink)}
.stickybuy{background:rgba(7,11,20,.95)}
.stickybuy b{color:var(--gold2)}

/* cart & checkout */
.qty button:hover{background:var(--soft)}
.totals .r.d{color:#7ccf9a}
.totals .r.t{color:var(--gold2)}
.nudge{background:rgba(232,182,107,.12);color:var(--gold2)}
.progress{background:var(--soft)}.progress i{background:var(--gold)}
.form{background:var(--card)}
.field input,.field textarea{background:#0a101c;color:var(--ink)}
.field input:focus,.field textarea:focus{border-color:var(--gold)!important;box-shadow:0 0 0 3px rgba(232,182,107,.25)}
.summary{background:var(--card)}
.sline .th i{background:var(--gold);color:var(--dark)}
.thanks .ok{background:transparent;border:1px solid var(--gold)!important;color:var(--gold)}
.orderno{background:var(--card);color:var(--gold2)}
.demo{background:rgba(232,182,107,.12);color:var(--gold2)}

/* routine / packs / reviews / blog */
.routine{background:var(--card)!important}
.r-item,.r-buy{background:var(--card2);color:var(--ink)}
.r-num{background:var(--gold);color:var(--dark)}
.r-role{background:transparent!important;color:var(--gold);border:1px solid var(--gold)!important}
.r-pp,.pack-buy .pp,.r-promo-p{color:var(--gold2);font-family:var(--body);font-weight:700}
.r-save{background:var(--gold);color:var(--dark)}
.pack{background:var(--card)!important}
.pack-media{background:radial-gradient(circle at 50% 45%,#1d2945,#0b1220)!important}
.rev,.revform{background:var(--card);color:var(--ink)}
.revdone{background:rgba(232,182,107,.12);color:var(--gold2)}
.stars svg{fill:#2a3349}.stars svg.on{fill:var(--gold)}
.rpick svg{fill:#2a3349}
.rpick label:hover svg,.rpick label:hover~label svg,.rpick input:checked~label svg{fill:var(--gold)}
.post-meta{color:var(--gold)}.post p{color:var(--muted)}
.post-media,.post-hero,.about-art span{background:radial-gradient(circle at 50% 40%,#1b2640,var(--card))!important}
.prose mark{background:rgba(232,182,107,.18);color:var(--gold2)}

/* footer */
footer{background:#04070d;color:#9d978b;border-top:1px solid var(--line)}
footer h4{color:var(--gold);font-family:var(--disp)}
footer .brand b{color:var(--gold)}
footer a:hover{color:var(--gold)}
footer .bottom{border-top-color:var(--line)!important}

/* whatsapp keeps green */
.wa{border:0!important}