/* Dark theme. Applied when <html data-theme="dark">, set by assets/js/theme.js
   from the visitor's choice or, by default, the system setting.
   --navy is the light blue used for text and icons; --navy-bg is the blue behind white text. */
[data-theme="dark"] {
  color-scheme: dark;
  --ink: #e9eef6;
  --body: #c2cad8;
  --muted: #8e9ab0;
  --line: #263248;
  --bg: #0d1420;
  --soft: #121b29;
  --surface: #172131;
  --navy: #8fbcf0;     --navy-d: #091019;  --navy-t: #1a2a40;  --navy-bg: #24548a;  --navy-bg-d: #1c4473;

  --rose: #e8478a;      --rose-d: #f283b1;  --rose-t: #3a1627;
  --blue: #6fa3f5;      --blue-d: #9dc0f8;  --blue-t: #172744;
  --violet: #a68cf5;    --violet-t: #261d44;
  --green: #2fcf8e;     --green-t: #10301f;
  --red: #f05a48;       --red-d: #ff8b7c;   --red-t: #3a1814;
  --indigo: #8d95f0;    --indigo-t: #1d2146;
  --amber: #f5a53a;     --amber-d: #f7b860; --amber-t: #35250c;
  --teal: #3fc6d8;      --teal-t: #0f2e34;
  --gold: #d2ae78;

  --shadow: 0 18px 50px -24px rgba(0, 0, 0, .7);
  --shadow-sm: 0 6px 20px -10px rgba(0, 0, 0, .6);
}

/* Cards and other white surfaces */
[data-theme="dark"] :is(.btn-soft, .btn-emergency, .menu-btn, .trust-row li, .float-chip, .pop a, .photo .badge, .chips li,
  .compare, .why li, .card, .steps li, .doc, .faq details, .info li, .card-form, .seg label, .field input:focus, .badges svg,
  .trust, .tabs button[aria-selected="true"], .tp-stat, .fd-input, .cc, .map-card, .sp-card, .map-pin, .qcar-btn, .timeline li::before) {
  background-color: var(--surface);
}
[data-theme="dark"] .btn-emergency:hover { background: var(--red-t); }
[data-theme="dark"] .hero { background: var(--bg); }
[data-theme="dark"] :is(.art-people.a1, .art-people.a2, .photo-stack .photo.small) { border-color: var(--bg); }
[data-theme="dark"] .site-header { background: rgba(13, 20, 32, .9); }
[data-theme="dark"] .site-header.scrolled { box-shadow: 0 8px 30px -22px rgba(0, 0, 0, .8); }
@media (max-width: 1300px) { [data-theme="dark"] .nav { background: var(--surface); } }
@media (min-width: 1301px) { [data-theme="dark"]:not([lang="en"]) .nav { background: var(--surface); } }
@media (max-width: 760px) {
  [data-theme="dark"] .mbar { background: rgba(13, 20, 32, .96); }
  [data-theme="dark"] .badges li { background: var(--surface); }
}
[data-theme="dark"] :is(.quick, .gallery figcaption, .stock-note) { background: rgba(23, 33, 49, .92); border-color: var(--line); }
[data-theme="dark"] .qt-ico { background: rgba(23, 33, 49, .95); }
[data-theme="dark"] .qt-ico .ill .f { fill: var(--navy-t); }
[data-theme="dark"] .hero2-bg::after { background: linear-gradient(100deg, rgba(13, 20, 32, .96) 0%, rgba(13, 20, 32, .88) 40%, rgba(13, 20, 32, .55) 100%); }
[data-theme="dark"] .qt-plain { background: linear-gradient(150deg, #1a2a40 0%, #1f3350 55%, #253d5e 100%); }
[data-theme="dark"] .qt-plain .qt-art { color: #3c5a80; }
[data-theme="dark"] .qcar-dot { background: #3a4a63; }
[data-theme="dark"] .qcar-dot[aria-current="true"] { background: var(--navy); }
[data-theme="dark"] .field input:focus { box-shadow: 0 0 0 4px rgba(143, 188, 240, .18); }

/* Blue panels and buttons with white text */
[data-theme="dark"] :is(.btn-primary, .btn-blue, .btn-violet, .btn-amber, .topbar, .stats-band, .steps li::before, .cta-band.rose,
  .cta-band.blue, .doc.featured, .seg input:checked + label, .qt, .qc:hover, .qc-book, .story-year, .fd-card,
  .faq details[open] summary::after, .mb-book, .toast, .qcar-btn:hover, .sp-lead .sp-card, .ticks li::before) {
  background-color: var(--navy-bg);
}
[data-theme="dark"] :is(.btn-primary, .btn-blue, .btn-violet, .btn-amber, .qc-book):hover { background-color: var(--navy-bg-d); }
[data-theme="dark"] :is(.seg input:checked + label, .qcar-btn:hover, .sp-lead .sp-card) { border-color: var(--navy-bg); }
[data-theme="dark"] .qc:hover { color: #fff; }
[data-theme="dark"] .topbar { background-color: #10213a; }
[data-theme="dark"] .em-band, [data-theme="dark"] .site-footer { border-top: 1px solid var(--line); }

/* White chips that stay white: keep their text dark */
[data-theme="dark"] :is(.langs a[aria-current="true"], .steps.light li::before, .doc.featured .avatar, .sp-lead .sp-docs .avatar, .btn-white) { color: #12355b; }

/* WhatsApp tints */
[data-theme="dark"] :is(.qc-wa, .cc-ico.wa, .mb-wa) { background: #10301f; color: #4fd08e; }
[data-theme="dark"] .qc-wa:hover { background: #1faa59; color: #fff; }

/* Theme switch, next to the language switch */
.tb-right { display: flex; align-items: center; gap: 10px; }
.theme-switch { display: flex; gap: 2px; background: rgba(255, 255, 255, .12); border-radius: 999px; padding: 3px; }
.theme-switch button { display: grid; place-items: center; width: 30px; height: 26px; padding: 0; border: 0; border-radius: 999px; background: transparent; color: #dbe5f0; cursor: pointer; transition: background .2s, color .2s; }
.theme-switch button:hover { background: rgba(255, 255, 255, .14); }
.theme-switch button[aria-pressed="true"] { background: #fff; color: #12355b; }
.theme-switch svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

/* Slider design tiles (no photo) and image credits table */
html[data-theme="dark"] .qt-plain { background: linear-gradient(150deg, #1b2c42 0%, #16253a 55%, #122033 100%); }
html[data-theme="dark"] .qt-plain .qt-art { color: #3a5676; }
html[data-theme="dark"] .credits-table th { background: rgba(255,255,255,.04); }

/* Find a Doctor directory */
html[data-theme="dark"] .sp-chip, html[data-theme="dark"] .doc-book { background: var(--surface); color: var(--ink); border-color: var(--line); }
html[data-theme="dark"] .sp-chip[aria-pressed="true"] { background: var(--navy-bg); border-color: var(--navy-bg); color: #fff; }
html[data-theme="dark"] .sp-card h3 { background: rgba(255,255,255,.03); }
html[data-theme="dark"] .sp-ill { background: rgba(255,255,255,.08); }
html[data-theme="dark"] .sp-docs li:hover { background: rgba(255,255,255,.04); }
html[data-theme="dark"] .sp-docs li:hover .doc-book { background: var(--navy-bg); color: #fff; border-color: var(--navy-bg); }
html[data-theme="dark"] .sp-docs .avatar.av-women { background: linear-gradient(145deg, #3a1a2b, #4a1f36); color: #f5a9c8; }
html[data-theme="dark"] .sp-docs .avatar.av-surgery { background: linear-gradient(145deg, #182c46, #1f3a5c); color: #a9cbf2; }
html[data-theme="dark"] .sp-docs .avatar.av-medicine { background: linear-gradient(145deg, #12302c, #174039); color: #8fdccf; }
html[data-theme="dark"] .sp-docs .avatar.av-imaging { background: linear-gradient(145deg, #221e44, #2b2656); color: #c3baf5; }
html[data-theme="dark"] .sp-docs .avatar.av-allied { background: linear-gradient(145deg, #34270f, #433214); color: #f0cf8f; }
html[data-theme="dark"] .sp-docs .avatar { box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); }
@media (hover: hover) and (min-width: 721px) {
  html[data-theme="dark"] .sp-docs li:hover { box-shadow: inset 3px 0 0 #8fb4dd; }
  html[data-theme="dark"] .sp-docs li:hover b { color: #fff; }
  html[data-theme="dark"] .sp-docs li:hover .avatar { box-shadow: 0 0 0 3px var(--surface), 0 0 0 4px rgba(255,255,255,.15), 0 10px 22px -10px rgba(0,0,0,.8); }
}
html[data-theme="dark"] .skel { background-color: #1b2a3d !important; background-image: linear-gradient(100deg, rgba(255,255,255,0) 20%, rgba(255,255,255,.07) 50%, rgba(255,255,255,0) 80%) !important; }
/* Illustration panels keep their light pastel ground in dark mode, like photographs; soften slightly */
html[data-theme="dark"] .sp-art { filter: brightness(.92); }
html[data-theme="dark"] .qt-plain .qt-art.qt-art-c { color: inherit; }