/* =========================================================
   VitaLab Diagnostics - dark.css
   Applied when <html data-theme="dark">
   ========================================================= */

html[data-theme="dark"] {
  --primary: #2dd4bf;
  --primary-dark: #5eead4;
  --primary-soft: rgba(45, 212, 191, 0.12);
  --accent: #ff8a6b;
  --navy: #07111f;
  --bg: #0b1522;
  --bg-alt: #0f1d2e;
  --card: #132337;
  --text: #a9b8c8;
  --heading: #eaf2fa;
  --border: #1f3350;
  --shadow-sm: 0 4px 14px rgba(0, 0, 0, 0.35);
  --shadow: 0 16px 44px rgba(0, 0, 0, 0.5);
  color-scheme: dark;
}

html[data-theme="dark"] .site-header { background: rgba(11, 21, 34, 0.88); }

html[data-theme="dark"] .btn-primary,
html[data-theme="dark"] .logo-icon,
html[data-theme="dark"] .test-card:hover .test-icon,
html[data-theme="dark"] .feature:hover .f-icon,
html[data-theme="dark"] .check-list i,
html[data-theme="dark"] .back-top { color: #052a2a; }

html[data-theme="dark"] .btn-primary { background: linear-gradient(135deg, #2dd4bf, #14b8a6); box-shadow: 0 10px 24px rgba(45, 212, 191, 0.25); }
html[data-theme="dark"] .btn-outline:hover,
html[data-theme="dark"] .btn-soft:hover,
html[data-theme="dark"] .icon-btn:hover,
html[data-theme="dark"] .slider-btn:hover { color: #052a2a; }

html[data-theme="dark"] .hero { background: linear-gradient(180deg, #0e2234 0%, var(--bg) 100%); }
html[data-theme="dark"] .blob { opacity: .22; }
html[data-theme="dark"] .visual-circle {
  background: radial-gradient(circle at 30% 25%, #1a3550, #12283f 60%, #0d1f33);
  box-shadow: inset 0 0 0 10px rgba(255, 255, 255, 0.04), var(--shadow);
}
html[data-theme="dark"] .visual-core { color: #052a2a; background: linear-gradient(135deg, #2dd4bf, #14b8a6); box-shadow: 0 20px 50px rgba(45, 212, 191, 0.3); }
html[data-theme="dark"] .ring { border-color: rgba(45, 212, 191, 0.35); }
html[data-theme="dark"] .chip-3 i { background: rgba(255, 138, 107, 0.15); }

html[data-theme="dark"] .price del { color: #6c8199; }
html[data-theme="dark"] .test-card.featured { background: linear-gradient(180deg, rgba(45, 212, 191, 0.1), var(--card) 55%); }
html[data-theme="dark"] .ribbon { color: #2a0f06; }

html[data-theme="dark"] .about-art { background: linear-gradient(135deg, #0f766e 0%, #14b8a6 60%, #2dd4bf 100%); }
html[data-theme="dark"] .collection-steps { background: linear-gradient(145deg, #0a1b30, #0f3a57); border: 1px solid var(--border); }
html[data-theme="dark"] .step-no { color: #2a0f06; }

html[data-theme="dark"] .stats { background: linear-gradient(135deg, #0a3a3c, #0f6b69 60%, #139d92); }
html[data-theme="dark"] .cta-box { background: linear-gradient(135deg, #0a1b30, #0d4259 55%, #0f766e); border: 1px solid var(--border); }
html[data-theme="dark"] .btn-white { background: #eaf2fa; color: #07111f; }

html[data-theme="dark"] .main-nav { background: var(--card); }
html[data-theme="dark"] .hamburger { background: var(--primary-soft); }
html[data-theme="dark"] .hamburger span { background: var(--primary); }

html[data-theme="dark"] .site-footer { background: #060e19; }
html[data-theme="dark"] .preloader { background: var(--bg); }
html[data-theme="dark"] .dot { background: #27415f; }
html[data-theme="dark"] .dot.active { background: var(--primary); }
html[data-theme="dark"] .testimonial-badge { background: rgba(19, 35, 55, 0.92); border-color: var(--border); box-shadow: 0 14px 34px rgba(0, 0, 0, 0.45); }

/* ---------- About page (dark) ---------- */
html[data-theme="dark"] .page-banner { background: linear-gradient(135deg, #0a1b30, #0d4259 55%, #0f766e); border-bottom: 1px solid var(--border); }
html[data-theme="dark"] .mv-card.mission { background: linear-gradient(145deg, #0a1b30, #0f3a57); border: 1px solid var(--border); }
html[data-theme="dark"] .mv-card.mission .mv-icon { color: #2a0f06; }
html[data-theme="dark"] .mv-card.commitment .mv-icon { background: rgba(255, 138, 107, 0.15); }
html[data-theme="dark"] .mv-points i { color: #052a2a; }
html[data-theme="dark"] .value-card:hover .v-icon,
html[data-theme="dark"] .why-item:hover .w-icon { color: #052a2a; }
html[data-theme="dark"] .tl-list li.reached::before { background: var(--primary); }

/* ---------- Contact page (dark) ---------- */
html[data-theme="dark"] .info-card:hover .ic-icon { color: #052a2a; }
html[data-theme="dark"] .open-badge.closed,
html[data-theme="dark"] .form-status.error { background: rgba(255, 138, 107, 0.15); color: var(--accent); }
html[data-theme="dark"] .error-msg { color: var(--accent); }
html[data-theme="dark"] .field input::placeholder,
html[data-theme="dark"] .field textarea::placeholder { color: #6c8199; }
html[data-theme="dark"] .map-frame iframe { filter: invert(.9) hue-rotate(180deg) contrast(.9); }


/* =========================================================
   Tests & Packages page + 404 page (dark)
   ========================================================= */
html[data-theme="dark"] .cat-chip.active,
html[data-theme="dark"] .cat-chip.active i { color: #052a2a; }
html[data-theme="dark"] .cat-chip.active { box-shadow: 0 8px 20px rgba(45, 212, 191, 0.25); }
html[data-theme="dark"] .cat-chip.active .count { background: rgba(5, 42, 42, 0.18); color: #052a2a; }
html[data-theme="dark"] .search-btn,
html[data-theme="dark"] .quick-tags button:hover,
html[data-theme="dark"] .search-clear:hover { color: #052a2a; }
html[data-theme="dark"] .search-btn { background: linear-gradient(135deg, #2dd4bf, #14b8a6); box-shadow: 0 6px 16px rgba(45, 212, 191, 0.25); }
html[data-theme="dark"] .search-box input::placeholder { color: #6c8199; }

html[data-theme="dark"] .pkg-card:hover .pkg-icon,
html[data-theme="dark"] .pkg-card.featured .pkg-icon,
html[data-theme="dark"] .prep-group:hover .pg-icon,
html[data-theme="dark"] .pkg-list i { color: #052a2a; }
html[data-theme="dark"] .pkg-card.featured { background: linear-gradient(180deg, rgba(45, 212, 191, 0.1), var(--card) 55%); }
html[data-theme="dark"] .pkg-price del { color: #6c8199; }
html[data-theme="dark"] .save,
html[data-theme="dark"] .prep-badge.fasting { background: rgba(255, 138, 107, 0.15); color: var(--accent); }
html[data-theme="dark"] .prep-badge.timed { background: rgba(245, 179, 1, 0.15); color: #f5c542; }
html[data-theme="dark"] .prep-tip > span { background: rgba(255, 138, 107, 0.15); }

html[data-theme="dark"] .book-points i { color: var(--primary); }
html[data-theme="dark"] .book-form { box-shadow: 0 24px 56px rgba(0, 0, 0, 0.5); border: 1px solid var(--border); }

html[data-theme="dark"] .error-code .zero { color: #052a2a; background: linear-gradient(135deg, #2dd4bf, #14b8a6); box-shadow: 0 20px 50px rgba(45, 212, 191, 0.3); }
html[data-theme="dark"] .error-code .zero::after { border-color: rgba(45, 212, 191, 0.4); }
html[data-theme="dark"] .ef-3 { color: var(--accent); }

/* =========================================================
   Login / Register / Recovery page + Coming soon page (dark)
   ========================================================= */
html[data-theme="dark"] .auth-tabs button[aria-selected="true"],
html[data-theme="dark"] .check input:checked + .box,
html[data-theme="dark"] .rec-step.active b,
html[data-theme="dark"] .rec-step.done b { color: #052a2a; }
html[data-theme="dark"] .auth-tabs::before { background: linear-gradient(135deg, #2dd4bf, #14b8a6); box-shadow: 0 8px 18px rgba(45, 212, 191, 0.25); }
html[data-theme="dark"] .rep-bar::before { background: rgba(45, 212, 191, 0.3); }
html[data-theme="dark"] .field input::placeholder,
html[data-theme="dark"] .notify-box input::placeholder { color: #6c8199; }
html[data-theme="dark"] .trust-list i { color: var(--primary); }
html[data-theme="dark"] .mv-card.commitment { border-top-color: var(--accent); }

/* =========================================================
   Patient Dashboard page (dark)
   ========================================================= */
html[data-theme="dark"] .dash-hero { background: linear-gradient(135deg, #0a1b30, #0d4259 55%, #0f766e); border-bottom: 1px solid var(--border); }
html[data-theme="dark"] .dash-tab[aria-selected="true"],
html[data-theme="dark"] .dash-tab[aria-selected="true"] i { color: #052a2a; }
html[data-theme="dark"] .dash-tab[aria-selected="true"] { background: linear-gradient(135deg, #2dd4bf, #14b8a6); box-shadow: 0 8px 18px rgba(45, 212, 191, 0.25); }
html[data-theme="dark"] .sum-card:nth-child(3) .ic,
html[data-theme="dark"] .qa.danger i { background: rgba(255, 138, 107, 0.15); }
html[data-theme="dark"] .st.warn { background: rgba(245, 179, 1, 0.15); color: #f5c542; }
html[data-theme="dark"] .st.bad { background: rgba(255, 138, 107, 0.15); color: var(--accent); }
html[data-theme="dark"] .param .flag { color: var(--accent); }
html[data-theme="dark"] .track li.done .tk-dot { color: #052a2a; }
html[data-theme="dark"] .dash-modal { background: rgba(2, 8, 16, 0.72); }
html[data-theme="dark"] .rep-search input::placeholder,
html[data-theme="dark"] .addr-form input::placeholder { color: #6c8199; }

/* =========================================================
   Home 2 page (dark)
   ========================================================= */
html[data-theme="dark"] .h2-panel,
html[data-theme="dark"] .h2-qa-panel { background: linear-gradient(145deg, #0a1b30, #0f3a57); border: 1px solid var(--border); }
html[data-theme="dark"] .h2-tk-dot { background: #1d3a57; }
html[data-theme="dark"] .h2-chip-1 i { background: rgba(255, 138, 107, 0.15); }
html[data-theme="dark"] .h2-trust-grid { box-shadow: var(--shadow); }

html[data-theme="dark"] .h2-svc:hover .h2-svc-ic,
html[data-theme="dark"] .h2-pillar:hover .h2-pillar-ic,
html[data-theme="dark"] .h2-step:hover .h2-step-ic,
html[data-theme="dark"] .h2-rtab[aria-selected="true"] { color: #052a2a; }
html[data-theme="dark"] .h2-step-no { color: #2a0f06; }
html[data-theme="dark"] .h2-meter-bar { background: rgba(255, 255, 255, 0.1); }

html[data-theme="dark"] .h2-rhead { background: linear-gradient(135deg, #0f766e, #14b8a6 70%, #2dd4bf); color: #052a2a; }
html[data-theme="dark"] .h2-rlogo,
html[data-theme="dark"] .h2-rstatus { background: rgba(5, 42, 42, 0.18); }
html[data-theme="dark"] .h2-range b { background: rgba(45, 212, 191, 0.35); }
html[data-theme="dark"] .h2-range i { box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5); }
html[data-theme="dark"] .h2-pill.ok { background: rgba(45, 212, 191, 0.14); color: var(--primary); }
html[data-theme="dark"] .h2-pill.warn { background: rgba(245, 179, 1, 0.15); color: #f5c542; }
html[data-theme="dark"] .h2-pill.bad { background: rgba(255, 138, 107, 0.15); color: var(--accent); }

html[data-theme="dark"] .h2-expert:nth-child(1) .h2-ex-photo { background: linear-gradient(135deg, #0f766e, #14b8a6); }
html[data-theme="dark"] .h2-expert:nth-child(2) .h2-ex-photo { background: linear-gradient(135deg, #0d4259, #0f766e); }
html[data-theme="dark"] .h2-expert:nth-child(3) .h2-ex-photo { background: linear-gradient(135deg, #c2512f, #ff8a6b); }
html[data-theme="dark"] .h2-expert:nth-child(4) .h2-ex-photo { background: linear-gradient(135deg, #0a1b30, #0f3a57); }
html[data-theme="dark"] .h2-ex-social a:hover { color: #2a0f06; }
html[data-theme="dark"] .h2-book-call i { color: var(--primary); }
@media (max-width: 991px) {
  html[data-theme="dark"] .site-header { background: var(--bg); border-color: var(--border); }
  html[data-theme="dark"] .main-nav { background: var(--card); border-color: var(--border); }
}