/* Өдөр/шөнийн горим (medicalmedia.mn-ийн агентлагийн загвараас, 2026-10-30). <html class="dark">-ийг mode.js тавина,
   товч нь main.js. Үндсэн өнгө нь хувьсагчаар (--paper, --bg, --ink, --muted, --line) солигдоно; style.css / site.css-д
   шууд бичигдсэн цайвар дэвсгэр, бараан текстийг энд дарна. Толгой/хөл, нүүр хэсэг, шилэн дэвсгэр аль хэдийн бараан. */

/* ---------- ☀/☾ товч (толгойд, «Цаг захиалах»-ын дараа) ---------- */
.modeb{flex:none;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:border-color .15s,color .15s}
.modeb:hover{border-color:var(--accent);color:var(--accent-dark)}
.modeb svg{grid-area:1/1;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .4s}
.modeb:hover svg{transform:rotate(20deg)}
.modeb .i-sun,html.dark .modeb .i-moon{display:none}
html.dark .modeb .i-sun{display:block}
@media (prefers-reduced-motion:reduce){.modeb svg{transition:none}}

/* ---------- Бараан горим ---------- */
html.dark{
  color-scheme:dark;
  --paper:#13222c;
  --bg:#0c1820;
  --ink:#e2eaee;
  --muted:#9fb1ba;
  --line:#25373f;
  --shadow:0 1px 2px rgba(0,0,0,.35),0 8px 28px rgba(0,0,0,.35);
  --shadow-lg:0 2px 4px rgba(0,0,0,.35),0 18px 48px rgba(0,0,0,.5);
}
/* :where — зөвхөн ерөнхий a{}-г дарна (цэс, товч зэрэг өөрийн өнгөтэй холбоосыг хөндөхгүй) */
:where(html.dark) a{color:color-mix(in srgb,var(--head-b) 45%,#fff)}
:where(html.dark) ::placeholder{color:#7f939c}

/* Бараан цэнхэр (--head-a) эсвэл шууд бичсэн бараан өнгөтэй гарчиг, текст → цайвар */
html.dark :is(.hname b,.band h2,.sd-head h2,.formcard h2,.steps h3,.rev figcaption b,.dd-body h2,.locbtn b,.paybox h4,.tc-body h3,.inner h2,.pmain h2,.pmain h3,.prose h2,.prose h3,.scard h3,.nf h1){color:#f1f6f8}
html.dark :is(.sd-body,.two p,.intro-p,.item p,.older details p,.wx-d,.prose,.locbtn span,.paytxt,.dd-text,.rev blockquote){color:var(--ink)}
html.dark :is(.drole,.dd-role,.tc-role){color:color-mix(in srgb,var(--accent) 55%,#fff)}
html.dark .eyebrow{color:color-mix(in srgb,var(--accent) 70%,#fff)}
html.dark .btn.line.dark,html.dark .btn.ghost{color:#e8f0f3}
html.dark .btn.line.dark:hover{background:rgba(255,255,255,.08)}

/* Цагаан дэвсгэртэй хэсгүүд */
html.dark :is(.pp,.fi,.formcard textarea,.formcard select,.formcard input,.tab.on,.map__label,.map__btn,.chatlog .cb,.cc,.chatin input,.snav,.svcdlg .x,.wx,.fx){background:#1a2c37;color:var(--ink)}
html.dark :is(.fi,.formcard textarea,.formcard select,.formcard input,.chatin input){border-color:var(--line)}
html.dark :is(.sd-price,.tabs){background:#0f1e27}
html.dark .tab{color:var(--muted)}
html.dark .tab.on{color:#fff}
html.dark .svcdlg .x svg{stroke:#dfe8ec}
html.dark .svcdlg{background:var(--paper);color:var(--ink)}
html.dark .svcdlg::backdrop{background:rgba(0,0,0,.7)}
html.dark .map__btn:hover{background:#22384a}
html.dark .hdr.scrolled{box-shadow:0 6px 24px rgba(0,0,0,.45)}
html.dark .ddmenu{background:var(--paper)}

html.dark .ncimg.ph{background:linear-gradient(135deg,color-mix(in srgb,var(--head-a) 35%,var(--paper)),color-mix(in srgb,var(--head-c) 25%,var(--paper)))}
html.dark .ncimg.ph svg{stroke:#cfe0e6}

/* Чат */
html.dark .chatlog{background:linear-gradient(180deg,#102029,#0c1820)}
html.dark .cq{background:color-mix(in srgb,var(--accent) 14%,var(--paper));color:color-mix(in srgb,var(--accent) 45%,#fff);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}
html.dark .cq:hover{background:var(--accent);color:#fff}
html.dark .chatlog a{color:color-mix(in srgb,var(--accent) 50%,#fff)}
html.dark .chatlog .cb.err{background:#3a1d1a;color:#ffb4a8}

/* Хамтрагчийн лого цагаан дэвсгэрийг шаарддаг тул чип нь цайвар хэвээр, харин бүдэгрүүлнэ */
html.dark .partners{border-color:var(--line)}
html.dark .ptn{background:#e9eef0;border-color:transparent}

/* Үйлчилгээний карт, мэдээ, сэтгэгдэл, хуудасны хайрцгууд нь var(--paper)-аар өөрөө бараан болно */
html.dark .dd-ph{background:linear-gradient(160deg,color-mix(in srgb,var(--ic) 22%,var(--paper)),color-mix(in srgb,var(--ic) 40%,var(--paper)))}
html.dark .dd-img.ini{color:#fff}
html.dark .rev::before{color:color-mix(in srgb,var(--ic,var(--accent)) 35%,transparent)}
html.dark .rev-stars i:not(.on){color:#2c3f49}
html.dark .tflow.all .tcard,html.dark .tcard{color:#fff}
html.dark img{color-scheme:normal}