/* ============================================================
   EMMZED — DARK THEME OVERRIDE (public pages)
   Loaded after style.css on every public page so the whole
   store matches the EMMZED landing page aesthetic.
   ============================================================ */

:root {
  --acid: #d7ff22;
  --bg: #0b0c0e;
  --panel: #14161a;
  --panel-2: #191c21;
  --line: #262a31;
  --text: #e8e6df;
  --muted: #9aa0a8;
}

html, body {
  background: var(--bg) !important;
  color: var(--text) !important;
}

h1, h2, h3, h4, h5, h6,
.wl-card-name, .ac-section-title, .svc-name, .track-results-title h2,
.wl-title h2, .auth-box h1, .become-card h2, .co-card h3, .co-info h3,
.track-form-box h3, .about-section h2, .value-card h3, .timeline-item h4,
.ac-welcome h1, .an-header h1, .health-header h1, .an-section h2, .an-chart h3,
.err-title, .ci-info h4, .cart-title {
  color: #f2f0ea !important;
}

/* ---------- Card surfaces ---------- */
.product-card, .cart-item, .promo-box, .hire-card, .svc-card, .auth-box,
.become-card, .track-form-box, .track-order, .wl-card, .wl-share, .co-card,
.co-info, .about-stat, .value-card, .ac-link, .ac-order, .an-stat, .an-chart,
.health-check, .stat, .section, .why-box, .testi-card, .cat-card,
.del-box, .del-card, .faq-item, .faq-card, .order-card, .wish-card,
.prod-card, .comment-box, .review-card, .svc-modal-content {
  background: var(--panel) !important;
  border-color: var(--line) !important;
  color: var(--text) !important;
  box-shadow: 0 8px 26px rgba(0,0,0,.35) !important;
}

.product-card:hover, .cart-item:hover, .hire-card:hover, .svc-card:hover,
.ac-link:hover, .co-card:hover {
  border-color: rgba(215,255,34,.4) !important;
  box-shadow: 0 16px 36px rgba(0,0,0,.5) !important;
}

/* ---------- Muted / secondary text ---------- */
.about-section p, .about-stat-label, .about-stat p, .team-role, .team-quote,
.value-card p, .timeline-item p, .ac-order-date, .ac-order p, .ac-welcome p,
.ac-order-num, .ac-empty, .ac-empty h3, .an-stat-label, .an-bar-label,
.an-rank-value, .an-device-pct, .health-note, .health-value, .health-summary,
.svc-desc, .svc-note, .svc-heading p, .track-order-date, .track-order-items,
.track-order-addr, .track-empty h3, .track-empty p, .wl-empty h3, .wl-empty p,
.wl-cta p, .wl-share p, .co-sub, .co-card p, .co-info-row .co-label,
.ci-subtotal, .cart-empty h2, .cart-empty p, .empty-state h3, .empty-state p,
.become-card .sub, .err-sub, .about-cta p, .auth-sub, .auth-link,
.rent-note, .hire-note, .prod-header, .empty, .footer-tagline {
  color: var(--muted) !important;
}

.wl-card-name, .ci-info h4, .track-order-items, .ac-order p,
.co-info-row .co-value, .timeline-item h4 {
  color: var(--text) !important;
}

/* ---------- Borders ---------- */
.ci-image, .qty-control, .cart-total, .cat-pill, .filter-pill, .why-badge,
.status-chip, .timeline-line, .reg-step-line {
  border-color: var(--line) !important;
}

/* ---------- Inputs ---------- */
input[type="text"], input[type="tel"], input[type="email"], input[type="password"],
input[type="number"], input[type="date"], input[type="search"], select, textarea,
.search-box input, .promo-input, .auth-form input, .track-phone-row input {
  background: #0e1013 !important;
  border-color: var(--line) !important;
  color: var(--text) !important;
}
input::placeholder, textarea::placeholder { color: #6b7078 !important; }
input:focus, textarea:focus, select:focus { border-color: var(--acid) !important; box-shadow: 0 0 0 3px rgba(215,255,34,.1) !important; }
select option { background: #14161a; color: var(--text); }
.track-phone-prefix, .phone-row .prefix { background: var(--panel-2) !important; color: var(--muted) !important; border-color: var(--line) !important; }

/* ---------- Buttons ---------- */
.add-btn, .continue-btn, .promo-btn, .btn, .wishlist-btn {
  background: var(--panel-2) !important;
  border-color: var(--line) !important;
  color: var(--text) !important;
}
.add-btn:hover, .promo-btn:hover, .continue-btn:hover { background: var(--acid) !important; color: #131411 !important; }
.btn-gold, .cat-pill.active, .filter-pill.active {
  background: var(--acid) !important;
  color: #131411 !important;
  border-color: var(--acid) !important;
}
.cat-pill, .filter-pill {
  background: var(--panel-2) !important;
  color: var(--text) !important;
}
.cat-pill:hover, .filter-pill:hover { background: var(--acid) !important; color: #131411 !important; }
.qty-control a { background: var(--panel-2) !important; color: var(--text) !important; }
.qty-control a:hover { background: var(--acid) !important; color: #131411 !important; }
.qty-control span { background: var(--panel) !important; color: var(--text) !important; }

/* ---------- Cart ---------- */
.cart-total { background: var(--panel-2) !important; }
.cart-total .ct-amount, .cart-title svg, .price, .ci-price, .prod-card .price {
  color: var(--acid) !important;
}
.checkout-btn { background: #25D366 !important; }
.checkout-btn:hover { background: #1fa855 !important; }

/* ---------- Status / info chips (keep readable on dark) ---------- */
.status-pending { background: rgba(255,176,32,.14) !important; color: #ffc75e !important; }
.promo-applied { background: rgba(61,220,132,.12) !important; border-color: rgba(61,220,132,.35) !important; }
.promo-applied-text { color: var(--green,#3ddc84) !important; }
.auth-error, .track-error, .error { background: rgba(255,92,106,.12) !important; color: #ff8a93 !important; border-color: rgba(255,92,106,.35) !important; }

/* ---------- Sections that were light ---------- */
.why-section, .testimonials, .about-story, .svc-why {
  background: var(--bg) !important;
  border-color: var(--line) !important;
}
.stats-row { background: var(--panel) !important; border-color: var(--line) !important; }
.stat-item .s-label { color: var(--muted) !important; }

/* ---------- Product grid placeholders ---------- */
.product-card-img-empty, .ci-no-image, .wl-card-img-empty {
  background: var(--panel-2) !important;
  color: #4a4f57 !important;
}

/* ---------- Footer ---------- */
.main-footer {
  background: #0d0e11 !important;
  border-top: 1px solid var(--line) !important;
  color: var(--muted) !important;
}
.main-footer a { color: var(--muted) !important; }
.main-footer a:hover { color: var(--acid) !important; }
.footer-bottom { border-color: var(--line) !important; color: #6b7078 !important; }

/* ---------- Hero strips ---------- */
.hero, .products-hero, .svc-hero, .hire-hero, .track-hero, .wl-hero,
.co-hero, .del-hero, .about-hero, .become-hero {
  border-bottom: 1px solid var(--line) !important;
}

/* ---------- Generic inline-style safety net (public pages) ---------- */
body [style*="background:#fff"],  body [style*="background: #fff"],
body [style*="background:#f8f8f8"], body [style*="background: #f8f8f8"],
body [style*="background:#f5f5f5"], body [style*="background: #f5f5f5"],
body [style*="background:#fafafa"], body [style*="background: #fafafa"],
body [style*="background:#f0f0f0"], body [style*="background: #f0f0f0"],
body [style*="background:#f9f9f9"], body [style*="background: #f9f9f9"],
body [style*="background:#eee"],   body [style*="background: #eee"] {
  background: var(--panel-2) !important;
  color: var(--text) !important;
}
body [style*="color:#222"], body [style*="color: #222"],
body [style*="color:#333"], body [style*="color: #333"],
body [style*="color:#444"], body [style*="color: #444"],
body [style*="color:#555"], body [style*="color: #555"],
body [style*="color:#666"], body [style*="color: #666"] {
  color: var(--text) !important;
}
body [style*="color:#777"], body [style*="color: #777"],
body [style*="color:#888"], body [style*="color: #888"],
body [style*="color:#999"], body [style*="color: #999"],
body [style*="color:#aaa"], body [style*="color: #aaa"],
body [style*="color:#bbb"], body [style*="color: #bbb"] {
  color: var(--muted) !important;
}
body [style*="border:1px solid #eee"], body [style*="border: 1px solid #eee"],
body [style*="border:1.5px solid #eee"], body [style*="border: 1.5px solid #eee"],
body [style*="border:1px solid #ddd"], body [style*="border: 1px solid #ddd"],
body [style*="border:1.5px solid #ddd"], body [style*="border: 1.5px solid #ddd"],
body [style*="border:1px solid #e5e5e5"], body [style*="border: 1px solid #e5e5e5"] {
  border-color: var(--line) !important;
}

/* ---------- Images keep natural colours ---------- */
img { filter: none !important; }