/* KO'RINISH QATLAMI — Yorug' / Tungi / Tizim.
 *
 * Sahifalar ikki oilada chizilgan:
 *   data-palette="dark"  — index, oferta, maxfiylik, qo'llanma, view ...
 *   data-palette="light" — manzillar, yo'nalish, manzil sahifasi
 *
 * Bu fayl faqat TESKARI holatda ishlaydi: quyuq sahifa yorug' rejimda,
 * yorug' sahifa tungi rejimda ustidan bo'yaladi. Tema sahifaning o'z
 * palitrasiga teng bo'lsa BIRORTA qoida qo'llanmaydi — sahifa aynan
 * chizilganidek qoladi va hech narsa buzilmaydi.
 *
 * Nega Tailwind sinflari ustidan yozilyapti: sahifalar CDN Tailwind
 * bilan, ranglar to'g'ridan-to'g'ri sinf nomida (`bg-slate-950`) yozilgan.
 * Har birini `dark:` variantiga ko'chirish 3 000 dan ortiq sinfni qo'lda
 * tahrirlash bo'lardi. Bu yerdagi tanlagichlar aniqroq (0,2,0 va 0,1,0),
 * shuning uchun tartibdan qat'i nazar ustun keladi.
 *
 * BITTA sinf ikki oilada TESKARI ma'noda ishlatiladi (masalan
 * `bg-slate-900`: quyuq sahifada — karta foni, yorug' sahifada — faol
 * tugma). Shuning uchun har qoida `data-palette` bilan qulflangan.
 */

/* ─────────────────────────────────────────────────────────────────
   QUYUQ chizilgan sahifa → YORUG' rejim
   ───────────────────────────────────────────────────────────────── */

[data-palette="dark"][data-theme="light"] body { background: #f8fafc; color: #0f172a; }

[data-palette="dark"][data-theme="light"] .bg-slate-950 { background-color: #f8fafc; }
[data-palette="dark"][data-theme="light"] .bg-slate-950\/70 { background-color: rgba(248, 250, 252, .85); }
[data-palette="dark"][data-theme="light"] .bg-slate-900 { background-color: #ffffff; }
[data-palette="dark"][data-theme="light"] .bg-slate-900\/60 { background-color: rgba(255, 255, 255, .85); }
[data-palette="dark"][data-theme="light"] .bg-slate-800 { background-color: #f1f5f9; }

/* Shaffof oq qatlamlar — quyuqda "yorug'roq", yorug'da "quyuqroq" bo'lishi
   kerak, aks holda karta fon bilan qo'shilib ko'rinmay qoladi. */
[data-palette="dark"][data-theme="light"] .bg-white\/5,
[data-palette="dark"][data-theme="light"] .bg-white\/10,
[data-palette="dark"][data-theme="light"] .bg-white\/\[\.04\],
[data-palette="dark"][data-theme="light"] .bg-white\/\[0\.015\],
[data-palette="dark"][data-theme="light"] .bg-white\/\[0\.02\],
[data-palette="dark"][data-theme="light"] .bg-white\/\[0\.03\],
[data-palette="dark"][data-theme="light"] .bg-white\/\[0\.06\] { background-color: #ffffff; }

[data-palette="dark"][data-theme="light"] .hover\:bg-white\/5:hover,
[data-palette="dark"][data-theme="light"] .hover\:bg-white\/10:hover,
[data-palette="dark"][data-theme="light"] .hover\:bg-white\/15:hover,
[data-palette="dark"][data-theme="light"] .hover\:bg-white\/\[0\.05\]:hover,
[data-palette="dark"][data-theme="light"] .hover\:bg-white\/\[0\.06\]:hover { background-color: #f1f5f9; }

[data-palette="dark"][data-theme="light"] .border-white\/5,
[data-palette="dark"][data-theme="light"] .border-white\/10,
[data-palette="dark"][data-theme="light"] .border-white\/15,
[data-palette="dark"][data-theme="light"] .border-slate-800 { border-color: #e2e8f0; }

[data-palette="dark"][data-theme="light"] .text-white,
[data-palette="dark"][data-theme="light"] .hover\:text-white:hover { color: #0f172a; }
[data-palette="dark"][data-theme="light"] .text-white\/80 { color: rgba(15, 23, 42, .8); }
[data-palette="dark"][data-theme="light"] .text-white\/70 { color: rgba(15, 23, 42, .7); }
[data-palette="dark"][data-theme="light"] .text-slate-100 { color: #0f172a; }
[data-palette="dark"][data-theme="light"] .text-slate-200 { color: #1e293b; }
[data-palette="dark"][data-theme="light"] .text-slate-300 { color: #334155; }
[data-palette="dark"][data-theme="light"] .text-slate-400 { color: #475569; }
[data-palette="dark"][data-theme="light"] .text-slate-500 { color: #64748b; }
[data-palette="dark"][data-theme="light"] .placeholder\:text-slate-500::placeholder,
[data-palette="dark"][data-theme="light"] .placeholder\:text-slate-600::placeholder,
[data-palette="dark"][data-theme="light"] .placeholder\:text-slate-700::placeholder { color: #94a3b8; }

/* Ko'k urg'u yorug' fonda ochiq qolsa o'qilmaydi — quyuqlashtiramiz. */
[data-palette="dark"][data-theme="light"] .text-brand-400 { color: #1d4ed8; }
[data-palette="dark"][data-theme="light"] .text-brand-500 { color: #1d4ed8; }

/* Sarlavha ostidagi "yorug'lik" dog'lari va gradient fonlar yorug'da
   kir bo'lib ko'rinadi — kuchini pasaytiramiz. */
/* `.glow` — sarlavha ostidagi ko'k yorug'lik. OPACITY ISHLATILMAYDI:
   qo'llanmada bu sinf <header> ning O'ZIDA turadi va shaffoflik
   sarlavhani ham xiralashtirib qo'yardi. Faqat gradient kuchsizlanadi. */
[data-palette="dark"][data-theme="light"] .glow {
  background: radial-gradient(circle at 50% 0, rgba(59, 130, 246, .10), transparent 60%);
}
[data-palette="dark"][data-theme="light"] .blur-3xl { opacity: .3; }

/* Ranglangan matnlar — quyuq fon uchun OCHIQ tanlangan, yorug'da esa
   ular butunlay yo'qoladi (ogohlantirish qutisi bo'sh ko'rinardi). */
[data-palette="dark"][data-theme="light"] .text-amber-300,
[data-palette="dark"][data-theme="light"] .text-amber-400,
[data-palette="dark"][data-theme="light"] .text-amber-100\/70,
[data-palette="dark"][data-theme="light"] .text-amber-100\/80,
[data-palette="dark"][data-theme="light"] .text-amber-100\/90 { color: #92400e; }
[data-palette="dark"][data-theme="light"] .text-emerald-300,
[data-palette="dark"][data-theme="light"] .text-emerald-400,
[data-palette="dark"][data-theme="light"] .text-emerald-100\/70,
[data-palette="dark"][data-theme="light"] .text-emerald-100\/80,
[data-palette="dark"][data-theme="light"] .text-emerald-100\/90 { color: #065f46; }
[data-palette="dark"][data-theme="light"] .text-red-400 { color: #b91c1c; }
[data-palette="dark"][data-theme="light"] .bg-emerald-950\/30 { background-color: rgba(16, 185, 129, .08); }

/* Qo'llanmaning O'Z sinflari (`assets/qollanma.css`) — ranglar qo'lda
   yozilgan, ya'ni Tailwind xaritasi ularga tegmaydi. */
[data-palette="dark"][data-theme="light"] .dock {
  background: rgba(255, 255, 255, .94);
  border-top-color: #e2e8f0;
}
[data-palette="dark"][data-theme="light"] .dock button {
  background: #f1f5f9;
  border-color: #e2e8f0;
  color: #0f172a;
}
[data-palette="dark"][data-theme="light"] .sheet,
[data-palette="dark"][data-theme="light"] .finder { background: #ffffff; }
[data-palette="dark"][data-theme="light"] .sheet { border-top-color: #e2e8f0; }
[data-palette="dark"][data-theme="light"] .sheet-grip { background: #cbd5e1; }
[data-palette="dark"][data-theme="light"] .hop {
  background: #ffffff; border-color: #e2e8f0; color: #0f172a;
}
[data-palette="dark"][data-theme="light"] .toc a.active { color: #1d4ed8; }
[data-palette="dark"][data-theme="light"] main.guide p.text-slate-400 { color: #475569; }
[data-palette="dark"][data-theme="light"] .reel-hint {
  background: rgba(255, 255, 255, .96); border-color: #e2e8f0; color: #334155;
}
[data-palette="dark"][data-theme="light"] .finder mark { color: #0f172a; }

/* Bosh sahifaning O'Z sinflari (`index.html` ichidagi <style>) */
[data-palette="dark"][data-theme="light"] .store-btn {
  background: #ffffff; border-color: #e2e8f0; color: #0f172a;
}
[data-palette="dark"][data-theme="light"] .store-btn[href]:hover {
  background: #f1f5f9; border-color: #cbd5e1;
}
/* Nuqtali to'r yorug' fonda ko'rinmaydi — nuqtalar quyuqlashtiriladi */
[data-palette="dark"][data-theme="light"] .grid-bg {
  background-image: radial-gradient(rgba(15, 23, 42, .08) 1px, transparent 1px);
}
[data-palette="dark"][data-theme="light"] select { color-scheme: light; }
[data-palette="dark"][data-theme="light"] select option {
  background-color: #ffffff; color: #0f172a;
}

/* Qo'shimcha shaffoflik darajalari (sarlavha paneli, sheet foni) */
[data-palette="dark"][data-theme="light"] .bg-slate-950\/80,
[data-palette="dark"][data-theme="light"] .bg-slate-950\/90,
[data-palette="dark"][data-theme="light"] .bg-slate-950\/95 { background-color: rgba(248, 250, 252, .9); }
[data-palette="dark"][data-theme="light"] .bg-slate-900\/80,
[data-palette="dark"][data-theme="light"] .bg-slate-900\/90 { background-color: rgba(255, 255, 255, .9); }

/* ─────────────────────────────────────────────────────────────────
   YORUG' chizilgan sahifa → TUNGI rejim
   ───────────────────────────────────────────────────────────────── */

[data-palette="light"][data-theme="dark"] body { background: #0b1220; color: #e2e8f0; }

[data-palette="light"][data-theme="dark"] .bg-slate-100 { background-color: #0b1220; }
[data-palette="light"][data-theme="dark"] .bg-white,
[data-palette="light"][data-theme="dark"] .bg-white\/95 { background-color: #131c2e; }
[data-palette="light"][data-theme="dark"] .bg-slate-50 { background-color: #131c2e; }
/* Faol chip/karta — sahifa fonidan OCHIQROQ bo'lishi kerak (yorug'da
   teskarisi edi). */
[data-palette="light"][data-theme="dark"] .bg-slate-900 { background-color: #334155; }
[data-palette="light"][data-theme="dark"] .hover\:bg-slate-200:hover { background-color: #1e293b; }
[data-palette="light"][data-theme="dark"] .hover\:bg-slate-50:hover { background-color: #1b2537; }

[data-palette="light"][data-theme="dark"] .border-slate-200,
[data-palette="light"][data-theme="dark"] .border-slate-300 { border-color: rgba(255, 255, 255, .12); }
[data-palette="light"][data-theme="dark"] .hover\:border-slate-400:hover { border-color: rgba(255, 255, 255, .3); }

[data-palette="light"][data-theme="dark"] .text-slate-900 { color: #e2e8f0; }
[data-palette="light"][data-theme="dark"] .text-slate-600 { color: #94a3b8; }
[data-palette="light"][data-theme="dark"] .text-slate-500 { color: #94a3b8; }
[data-palette="light"][data-theme="dark"] .text-slate-400 { color: #64748b; }
[data-palette="light"][data-theme="dark"] .hover\:text-slate-700:hover { color: #cbd5e1; }
/* Muqovasiz kartochkaning chiziqli foni */
[data-palette="light"][data-theme="dark"] .ph {
  background-image: repeating-linear-gradient(135deg, #1b2537 0 10px, #131c2e 10px 20px);
}

/* ─────────────────────────────────────────────────────────────────
   TUGMA — o'ng pastda suzadi, hamma sahifada bir xil joyda.
   Ranglari o'ziniki: sahifa palitrasiga bog'liq emas.
   ───────────────────────────────────────────────────────────────── */

.mz-theme {
  position: fixed;
  right: 14px;
  bottom: calc(14px + env(safe-area-inset-bottom, 0px));
  z-index: 9999;
  display: flex;
  gap: 2px;
  padding: 4px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .92);
  border: 1px solid rgba(15, 23, 42, .12);
  box-shadow: 0 6px 20px rgba(15, 23, 42, .18);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
[data-theme="dark"] .mz-theme {
  background: rgba(19, 28, 46, .92);
  border-color: rgba(255, 255, 255, .14);
  box-shadow: 0 6px 20px rgba(0, 0, 0, .5);
}

.mz-theme button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #64748b;
  cursor: pointer;
  line-height: 0;
}
[data-theme="dark"] .mz-theme button { color: #94a3b8; }
.mz-theme button:hover { background: rgba(15, 23, 42, .07); color: #0f172a; }
[data-theme="dark"] .mz-theme button:hover { background: rgba(255, 255, 255, .08); color: #e2e8f0; }

/* TANLANGANI — foydalanuvchi nimani tanlaganini ko'rsatadi
   (`data-theme-mode`), hozir qaysi ko'rinish ishlayotganini emas:
   «Tizim» tanlangan bo'lsa aynan o'sha yonib turadi. */
.mz-theme button[aria-pressed="true"] {
  background: #2563eb;
  color: #ffffff;
}
[data-theme="dark"] .mz-theme button[aria-pressed="true"] { background: #3b82f6; }

@media print { .mz-theme { display: none; } }