/* ===================================================================
   ডার্ক মোড — টপবারের 🌙 টগলে চালু হয় (html.dark ক্লাস; localStorage-এ মনে রাখে)
   main.css-এর পরে লোড হয়; শুধু html.dark স্কোপে ওভাররাইড — লাইট মোড অপরিবর্তিত।
   =================================================================== */

/* ---- টগল বাটন (দুই মোডেই দেখায় — টপবারের bn/EN টগলের পাশে) ---- */
.dark-toggle{width:34px;height:34px;border-radius:11px;border:1px solid rgba(255,255,255,.30);background:rgba(255,255,255,.12);color:#fff;cursor:pointer;font-size:15px;display:grid;place-items:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.25);transition:transform .2s,background .2s;flex:0 0 auto}
.dark-toggle:hover{transform:translateY(-2px);background:rgba(255,255,255,.22)}
@media(max-width:560px){.dark-toggle{width:27px;height:27px;border-radius:9px;font-size:13px}}

/* ---- মূল ভেরিয়েবল ---- */
html.dark{
  --bg:#0d1512; --ink:#e8f2ec; --body:#b8c8be; --muted:#8aa093;
  --line:rgba(255,255,255,.10);
  --card:rgba(22,33,27,.82);
  --shadow-sm:0 2px 8px rgba(0,0,0,.35);
  --shadow:0 10px 24px rgba(0,0,0,.42);
  --shadow-lg:0 28px 56px rgba(0,0,0,.55);
  --inset:inset 0 1px 0 rgba(255,255,255,.05);
}
html.dark{color-scheme:dark}

/* ---- পেজ ব্যাকগ্রাউন্ড লেয়ার ---- */
html.dark body{background:#0d1512;color:var(--body)}
html.dark body::before{background-color:#0d1512}
html.dark body::after{background:rgba(8,14,11,var(--sbg-veil,.88))}
html.dark .bg-blobs{background:#0d1512}
html.dark .bg-blobs::before,html.dark .bg-blobs::after,html.dark .bg-blobs i{opacity:.14}

/* ---- হেডার / নেভ ---- */
html.dark .site-header{background:rgba(13,21,18,.94);border-bottom:1px solid var(--line)}
html.dark .nav a.nl{color:var(--ink)}
html.dark .nav a.nl:hover{background:rgba(34,197,94,.16)}
html.dark .burger{color:var(--ink)}
@media(max-width:768px){
  html.dark .nav{background:transparent!important} /* মোবাইল v4: নেভ ইনলাইন — ড্রয়ার-বিজি নয় */
  html.dark .nav a.nl,html.dark .nav .ndd-trigger{background:#1b2820!important;border-color:var(--line)} /* সাদা পিল → ডার্ক পিল */
  html.dark .nav a.nl.active{background:rgba(34,197,94,.22)!important} /* চলতি পেজের পিল আলাদা বোঝা যায় */
}
html.dark .ndd-panel{background:#16211b!important;border-color:var(--line)} /* main.css-এ #fff!important আছে — সমান জোরে ডার্ক জেতে (পরে লোড হয়) */
html.dark .subbar{background:#101a14;border-color:var(--line)}
html.dark .subbar .backh{background:#1b2820;color:var(--ink)}
html.dark .subbar .backh:hover{background:#233229}

/* ---- সারফেস: কার্ড / গ্লাস / মডাল / প্যানেল ---- */
html.dark .glass,html.dark .glass .gp,html.dark .glass3d,
html.dark .modal,html.dark .tmodal,html.dark .a2h-card,
html.dark .price-scroll,html.dark .home-tests-scroll,
html.dark .tcats,html.dark .ic-panel,html.dark .bd-readout,
html.dark .stats-band .stat,html.dark .side-actions .sa-item,
html.dark .side-actions .sa-toggle,html.dark .emerg .ph,
html.dark .mdoc,html.dark .titem,html.dark .pg-sec,
html.dark .sym-body,html.dark .sym-doc,html.dark .a2h-note{
  background:#16211b;border-color:var(--line);color:var(--body)
}
html.dark .stats-band{background:#101a14}
html.dark .stats-band .stat:hover{background:#1b2820}
html.dark .side-actions .sa-item:hover{background:#1b2820}
html.dark .toolbar{background:#101a14;border-color:var(--line)}
html.dark .tmodal .mclose,html.dark .nf-x{background:#1b2820;color:var(--ink)}
html.dark .hd-q,html.dark .hd-msg.bot,html.dark .ic-m.agent{background:#1b2820;color:var(--body)}
html.dark .mini-ic{background:#1b2820}
html.dark .mdocs-empty{background:#16211b;color:var(--muted)}

/* ---- চিপ / ছোট বাটন / পিল ---- */
html.dark .price-row .pv{color:var(--green-l)} /* দাম — ডার্কে হালকা সবুজ, পড়া যায় (green-d কম কনট্রাস্ট) */
html.dark .tinfo-btn .ti-q{background:rgba(255,255,255,.25)!important;color:#fff!important} /* নীল পিলের ভেতরে "?" ব্যাজ সাদা-স্বচ্ছ থাকে, কালচে নয় */
html.dark .tcat,html.dark .htcat-pill,html.dark .tdiscb,html.dark .bnav,
html.dark .slide-dots button,html.dark .slide-arrow,
html.dark .legal-tabs .ltab,html.dark .nz-mnav button,
html.dark .symptom-grid button,html.dark .seemore-btn,
html.dark .hf-tab,html.dark .htest-sort,html.dark .tinfo-btn .ti-q,
html.dark .cb.them,html.dark .a2h-later,html.dark .vnav,html.dark .bd-symchip,html.dark .bd-plabel{
  background:#1b2820;border-color:var(--line);color:var(--ink)
}
html.dark .tcat.on,html.dark .htcat-pill.on,html.dark .tdiscb.on{background:var(--green);color:#fff;border-color:var(--green)}
html.dark .hf-tab.active{background:#233229;color:var(--ink)}
html.dark .slide-arrow:hover,html.dark .bnav:hover{background:#233229}
html.dark .slide-dots button.active{background:var(--green)}
html.dark .emcta-call-btn{background:#16211b;color:var(--ink)}
html.dark .emcta-call-btn:hover,html.dark .emcta-learn-btn:hover{background:#233229}
html.dark .fcard-ic,html.dark .why2-badge,html.dark .bd-dot{background:#1b2820;border-color:var(--line)}

/* ---- সাদা ghost বাটন ---- */
html.dark .btn.ghost{background:#1b2820;color:var(--green-l);box-shadow:0 6px 0 rgba(0,0,0,.45),var(--shadow-sm),var(--inset)}
html.dark .btn.sm.ghost{box-shadow:0 5px 0 rgba(0,0,0,.45),var(--inset)}
html.dark .btn.gline,html.dark .aiw-3dbtn.ghost{background:#1b2820;color:var(--green-l)}
html.dark .aiw-qbtn{background:#1b2820;color:var(--ink)}

/* ---- ইনপুট / সিলেক্ট / টেক্সটএরিয়া ---- */
html.dark input,html.dark select,html.dark textarea{background:#131d17;color:var(--ink);border-color:var(--line)}
html.dark input::placeholder,html.dark textarea::placeholder{color:var(--muted)}
html.dark .herofind select,html.dark .herofind input,
html.dark .docfilter select,html.dark .docfilter input,
html.dark .cmp-f input,html.dark .cmp-f select,html.dark .cmp-f textarea{background:#131d17;color:var(--ink);border-color:var(--line)}
html.dark .cmp-f input[type=file]{background:#131d17}

/* ---- টেবিল-জাতীয় সারি (সিরিয়াল বোর্ড, ভিজিট ফি, কার্ট) ---- */
html.dark .brow:nth-child(even),html.dark .vfee-row:nth-child(even){background:#121c16}
html.dark .brow.off{background:#1a1410}
html.dark .tci{background:#121c16}

/* ---- স্লাইডার / ভিডিও / বিবিধ ---- */
html.dark .slide .bokeh{opacity:.25}
html.dark .logo .fulllogo,html.dark .topbar .tb-logo .fulllogo{background:#fff} /* লোগো সাদা প্লেটেই থাক — পড়া যায় */
html.dark .f-soc a{background:#1b2820}
html.dark .admin-fab{background:#1b2820;color:var(--ink)}
html.dark .emcta-inner h2{background:none;color:var(--ink)}
html.dark .bd-stage{background:#101a14}
html.dark .bd-symrail{background:transparent}

/* ---- স্ক্রলবার ---- */
html.dark ::-webkit-scrollbar{width:10px;height:10px}
html.dark ::-webkit-scrollbar-track{background:#101a14}
html.dark ::-webkit-scrollbar-thumb{background:#2a3a30;border-radius:6px}