/* ============================================================
   HEITY STORE — UNIFIED AQUA DARK + WHITE THEME
   Load this AFTER css/style.css and after each page's own
   <style> block, on EVERY page (index, about, contact,
   products, reviews, myorders). It overrides the old
   gold/teal palette with one consistent aqua-dark + white
   identity so every page looks and feels the same.
   ============================================================ */

:root, [data-theme] {
  /* ---- CORE AQUA PALETTE (replaces old --gold / --teal) ---- */
  --gold: #35D0C5;            /* primary accent: aqua */
  --gold-light: #7CF0E6;      /* light aqua for highlights/shimmer */
  --gold-lt: #7CF0E6;
  --gold-pale: #EAFFFC;
  --gold2: #35D0C5;
  --gold3: #7CF0E6;

  --teal: #0E7C86;            /* deep aqua-teal, secondary */
  --teal-light: #14A3AE;
  --teal2: #14A3AE;
  --teal-lt: #14A3AE;

  /* ---- SURFACES (dark, near-black with a cool aqua tint) ---- */
  --onyx: #060B0D;
  --onyx-2: #0A1417;
  --onyx-3: #0F1B1F;
  --onyx-card: #11191C;
  --ink: #060B0D;
  --ink-2: #0A1417;
  --ink-3: #0F1B1F;
  --ink4: #162327;

  /* ---- WHITE / TEXT ---- */
  --cream: #FFFFFF;
  --white: #FFFFFF;
  --text1: rgba(255,255,255,.94);
  --text2: rgba(255,255,255,.62);
  --text3: rgba(255,255,255,.38);
  --gray: #8CA3A6;
  --muted: rgba(255,255,255,.55);

  --border: rgba(53,208,197,.12);
  --border-light: rgba(255,255,255,.08);
  --border2: rgba(53,208,197,.22);
  --borderG: rgba(53,208,197,.22);

  --red: #E14B4B;
  --green: #33D18C;
  --purple: #7C6BEE;

  --shadow-lg: 0 20px 60px rgba(0,0,0,.55);
  --shadow-gold: 0 8px 26px rgba(53,208,197,.28);
}

/* Force dark surfaces + white text globally, aqua accents */
body {
  background: var(--onyx) !important;
  color: var(--text1) !important;
}

/* Any element still using the old gold/teal hexes directly gets caught here */
a, .nav-links a:hover, .nav-links a.active,
.section-tag, .split-label, .combo-tag, .slide-tag,
.hf-faq-icon, .s-label-num, .sec-tag, .rf-btn.active,
.dropdown-item:hover, .gift-badge, .price-tag span:last-child {
  color-scheme: dark;
}

/* Buttons — aqua gradient instead of gold gradient */
.btn-signup, .btn-signin, .btn-split-order, .btn-combo,
.slide-btn, .co-place-btn, .dp-order-btn, .cta-primary,
.wr-submit, .track-btn, .cart-sidebar-checkout-btn,
.sp-btn, .btn-gold, .btn-primary {
  background: linear-gradient(135deg, var(--gold), var(--teal-light)) !important;
  color: #04191B !important;
  border-color: transparent !important;
}
.btn-signup:hover, .btn-signin:hover, .btn-split-order:hover,
.btn-combo:hover, .slide-btn:hover, .cta-primary:hover {
  background: linear-gradient(135deg, var(--gold-light), var(--teal)) !important;
  box-shadow: var(--shadow-gold) !important;
}

/* Secondary / outline buttons */
.btn-myorder, .btn-split-cart, .cta-outline, .nav-btn,
.btn-ghost, .rf-btn, .f-btn, .filter-tab {
  border-color: var(--border2) !important;
  color: var(--gold-light) !important;
}
.btn-myorder:hover, .nav-btn:hover, .filter-tab:hover,
.filter-tab.active, .rf-btn.active, .f-btn.active {
  border-color: var(--gold) !important;
  color: var(--gold) !important;
  background: rgba(53,208,197,.08) !important;
}

/* Cards / surfaces */
.onyx-card, .product-card, .order-card-new, .mos-card,
.feature-card, .rv-card, .mini-card, .why-card, .testi-card,
.mos-card, .track-card, .why-card, .manifesto-item, .num-card,
.trust-tile, .story-card-main, .scard-stat, .policy-card {
  background: var(--onyx-card) !important;
  border-color: var(--border) !important;
}

/* Headings shimmer — aqua instead of gold */
.heity-gold-text, .combo-price-new, .eip-new-price,
.rs-big, .stat-number, .hero-stat-num {
  background: linear-gradient(90deg, var(--gold) 30%, #fff 50%, var(--gold) 70%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* Status colors kept semantic but tuned to aqua family */
.status-shipping, .badge-shipping { color: var(--gold-light) !important; background: rgba(53,208,197,.12) !important; }
.status-delivered, .badge-delivered { color: var(--green) !important; }
.status-processing, .badge-processing { color: #FF9F5A !important; }

/* WhatsApp buttons keep their own brand green intentionally */

/* Custom cursor unify (desktop only) — small aqua dot, same on every page */
@media (hover:hover) and (pointer:fine) {
  body, a, button, .s-chip, .thumb-tile, .why-card, .hf-faq-item, input, [onclick] {
    cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><circle cx="15" cy="15" r="7" fill="rgba(53,208,197,0.16)" stroke="%2335D0C5" stroke-width="1.4"/><circle cx="15" cy="15" r="2.3" fill="%2335D0C5"/></svg>') 15 15, auto;
  }
}

/* Scrollbar */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: var(--onyx); }
::-webkit-scrollbar-thumb { background: var(--teal); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--gold); }