/* ════════════════════════════════════════════════════════════════════════════
 * 🟣 [SPEED-RX 2026-07-11] الطبقة 110 — «مخمل الديسكتوب» (Desktop Velvet)
 * ────────────────────────────────────────────────────────────────────────────
 * لماذا: 101 استخداماً لـ backdrop-filter عبر ملفات CSS. طبقة 100 §3 قتلتها على
 * اللمس فقط وأبقت على الديسكتوب ~11 عنصراً بزجاج فعّال (توست/تراكبات ٦ موديولات/
 * صفحتي الدخول) فوق خلفيات كونية متحركة ⇒ jank مضمون على لابتوبات متوسطة.
 *
 * القاعدة هنا: الزجاج على الديسكتوب لـ ≤5 عناصر بطولية فقط وبسقف blur ‏8px:
 *   .top-nav / .bottom-nav / .h-modal / .h-modal-overlay / .playlist-drawer
 * والبقية تُطفأ مع بدائل شبه معتمة بروح كل ثيم (نفس نمط §3 في طبقة 100).
 *
 * ملحقان صغيران بروح المرحلة نفسها:
 *   • رد فعل لمسي للبطاقات على الديسكتوب (:active scale ‏transform فقط) —
 *     نظير قاعدة Shover اللمسية في طبقة 100.
 *   • content-visibility لبطاقات المواد الطويلة (تكملة §7).
 *
 * التحميل: سطر <link> واحد بعد الحزمة (تغلب بترتيب المصدر).
 * 🔴 للتراجع الكامل: احذف سطر <link> الخاص بهذه الطبقة من index.html.
 * ════════════════════════════════════════════════════════════════════════════ */

@media (hover: hover) and (pointer: fine) {

  /* ── §1 إطفاء شامل ثم استثناء الأبطال الخمسة ── */
  *, *::before, *::after {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
  .top-nav, .bottom-nav {
    -webkit-backdrop-filter: blur(8px) saturate(1.1) !important;
    backdrop-filter: blur(8px) saturate(1.1) !important;
  }
  /* 🪽 [SILK-GLIDE 2026-07-17 R3] أثناء التمرير يضيف main.js كلاس html.h-nav-solid
     (scrollY>0 — الاسم حرفي، منفّذ عند وكيل آخر) ⇒ الشريطان يتصلّبان: بلا
     backdrop-filter (كان يعيد الترشيح كل إطار تمرير ديسكتوب) وبخلفية شبه صلبة
     بروح الثيم (نفس قيم §3 اللمسية في طبقة 100). !important مماثل + خصوصية أعلى
     ليغلبا قاعدتنا أعلاه وقاعدة طبقة 100 §3 الديسكتوبية معاً.
     للتراجع: احذف هذه الكتلة كاملة (يرجع الزجاج الدائم على الشريطين). */
  html.h-nav-solid .top-nav, html.h-nav-solid .bottom-nav {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background: rgba(13, 17, 28, 0.97) !important;
  }
  html.h-nav-solid[data-theme="purple"] .top-nav,
  html.h-nav-solid[data-theme="purple"] .bottom-nav {
    background: rgba(18, 12, 38, 0.96) !important;
  }
  html.h-nav-solid[data-theme="light"] .top-nav,
  html.h-nav-solid[data-theme="light"] .bottom-nav {
    background: rgba(250, 251, 253, 0.97) !important;
  }
  .h-modal, .h-modal-overlay, .playlist-drawer {
    -webkit-backdrop-filter: blur(8px) !important;
    backdrop-filter: blur(8px) !important;
  }
  /* الإطفاء الشامل أعلاه (specificity صفرية) لا يغلب قواعد طبقة 100 §3 الموسومة
     !important بمحددات أعلى — نطفئها هنا صراحة بنفس المحددات (نحن بعدها بالترتيب) */
  .h-toast, #page-login.active, #page-register.active,
  .dlm-backdrop, .sbil-pay-modal-backdrop, .sbil-receipt-overlay,
  .pcs-sheet-backdrop, .tg-modal-overlay, .fp-gate-backdrop,
  .final-req-overlay {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  /* ── §2 بدائل شبه معتمة لما فقد زجاجه (نفس قيم §3 اللمسية في طبقة 100) ── */
  .h-toast {
    background: rgba(13, 17, 28, 0.97) !important;
  }
  :root[data-theme="purple"] .h-toast { background: rgba(18, 12, 38, 0.96) !important; }
  :root[data-theme="light"]  .h-toast { background: rgba(255, 255, 255, 0.97) !important; }
  /* 🪽 [SILK-GLIDE 2026-07-17 T] أزيل سطر alula (اجتثاث ثيم العلا) */

  /* تراكبات الموديولات الستة: سكريم أغمق بدل الزجاج (نفس قيمة §3 اللمسية) */
  .dlm-backdrop, .sbil-pay-modal-backdrop, .sbil-receipt-overlay,
  .pcs-sheet-backdrop, .tg-modal-overlay, .fp-gate-backdrop,
  .final-req-overlay {
    background: rgba(4, 6, 12, 0.78) !important;
  }

  /* ── §3 رد فعل لمسي فوري للبطاقات (transform فقط — لا layout/paint) ── */
  .course-card:active, .h-card:active, .poster-card:active,
  .dash-poster-card:active, .drawer-item:active {
    transform: scale(0.98) !important;
    transition: transform 0.06s ease !important;
  }

  /* ── §4 تكملة §7 (طبقة 100): عزل رندر بطاقات المواد الطويلة ── */
  #playlistsList .h-card { content-visibility: auto; contain-intrinsic-size: auto 200px; }

  /* 🪽 [SILK-GLIDE 2026-07-17] الثيم الثلجي — إصلاحات تناسق الألوان (رقم 13)
     سكريم شبه أسود rgba(4,6,12,.78)!important موحّد لكل الثيمات على الديسكتوب
     في §2 أعلاه — فوق light يبدو ثقيلاً وسخاً مقارنة بلوحته الناعمة. محدد
     :root[data-theme="light"] أعلى خصوصية من محدد §2 فيغلبه رغم أنه بعده.
     ملاحظة: .final-req-overlay مستثناة عمداً — ليست خلفية مودال بل تراكب نص
     فوق بوستر حملة نصه أبيض. للتراجع: احذف هذه الكتلة. */
  :root[data-theme="light"] .dlm-backdrop,
  :root[data-theme="light"] .sbil-pay-modal-backdrop,
  :root[data-theme="light"] .sbil-receipt-overlay,
  :root[data-theme="light"] .pcs-sheet-backdrop,
  :root[data-theme="light"] .tg-modal-overlay,
  :root[data-theme="light"] .fp-gate-backdrop{background:rgba(15,23,42,.45) !important;}
}