/*
 * Mobil qatlam — kichik ekranlar (<= 768px) uchun qo'shimcha fon.
 *
 * DIQQAT (yangilangan):
 *   Ilgari bu fayl header'ning fonini ham boshqarar edi
 *   (hamda PC da shisha sirtni display:none qilardi).
 *   Endi liquid glass header BARCHA ekranlarda ishlaydi va uni
 *   `glass-liquid.js` + `glass-liquid.css` boshqaradi.
 *
 *   Shu sababli bu yerdan quyidagilar OLIB TASHLANDI:
 *     • .glass-header ustidagi backdrop-filter (nested backdrop-root
 *       hosil qilib, shisha komponentining refraction'ini o'chirardi)
 *     • .glass-header .glass-surface ni PC da yashirish qoidasi
 *     • .glass-surface--svg ga qo'shilgan ikkinchi blur(32px)
 *
 *   Bu faylda faqat:
 *     1) mobil fon qatlamlari (shisha nimani sindirishi uchun)
 *     2) shisha ustidagi matnlar o'qilishi uchun rang tuzatishlari
 *   qoladi.
 */

@media (max-width: 768px) {

  /* ── Mobil fon qatlami ──
     Displacement effekti fon rang bo'lganda yaqqol ko'rinadi.
     Past alpha — matn o'qilishi buzilmasligi uchun. */
  body::before {
    content: '';
    position: fixed;
    inset: 0;
    z-index: -2;
    pointer-events: none;
    background:
      radial-gradient(600px 360px at 6% -10%, rgba(99, 102, 241, 0.09), transparent 62%),
      radial-gradient(520px 320px at 98% 0%, rgba(14, 165, 233, 0.07), transparent 60%),
      linear-gradient(180deg, #f6f7fb 0%, #eff2f9 55%, #f7f6fc 100%);
    transition: opacity 0.4s ease;
  }

  body::after {
    content: '';
    position: fixed;
    top: -180px;
    left: -10%;
    width: 120%;
    height: 260px;
    z-index: -1;
    pointer-events: none;
    background: radial-gradient(ellipse at 50% 100%, rgba(255, 255, 255, 0.92), transparent 72%);
    opacity: 0.8;
    transition: opacity 0.4s ease;
  }

  body.dark-mode::before {
    background:
      radial-gradient(600px 360px at 6% -10%, rgba(79, 70, 229, 0.15), transparent 62%),
      radial-gradient(520px 320px at 98% 0%, rgba(14, 165, 233, 0.11), transparent 60%),
      linear-gradient(180deg, #0e1524 0%, #131c30 60%, #0c1119 100%);
  }

  body.dark-mode::after {
    background: radial-gradient(ellipse at 50% 100%, rgba(30, 41, 59, 0.6), transparent 72%);
    opacity: 0.7;
  }

  /* ── "Lingofy" logotipi — OQ ──
     OQ logotip faqat TUNGI rejimda (to'q fon ustida).
     Kun rejimida main.css dagi to'q ko'k gradient qo'llaniladi. */
  body.dark-mode .glass-header .logo h1 {
    background: none;
    -webkit-text-fill-color: #ffffff;
    color: #ffffff;
    -webkit-background-clip: initial;
    background-clip: initial;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
  }

  /* ── Kichik matnlar shisha ustida o'qiladigan bo'lishi uchun ── */
  /* TUNGI rejim — oq matn (to'q fon ustida) */
  body.dark-mode .glass-header .lang-btn,
  body.dark-mode .glass-header .profile-info-text .email,
  body.dark-mode .glass-header .security-label,
  body.dark-mode .glass-header .profile-security-id-badge {
    color: #e2e8f0 !important;
  }

  /* KUN rejimi — to'q ko'k matn (yorug' fon ustida) */
  body:not(.dark-mode) .glass-header .lang-btn {
    color: #1e40af !important;
  }

  body:not(.dark-mode) .glass-header .profile-info-text .email,
  body:not(.dark-mode) .glass-header .security-label,
  body:not(.dark-mode) .glass-header .profile-security-id-badge {
    color: #334155 !important;
  }
}