/* ════════════════════════════════════════════════════════════════════════════
 * 91-mobile-perf.css — طبقة أداء الجوال (إضافية، قابلة للإزالة) — الواجهة فقط
 * ────────────────────────────────────────────────────────────────────────────
 * السبب: صفحة الواجهة فيها ~15 حركة CSS مستمرة + 19 backdrop-filter (blur) +
 *        29 توهّج blur. على الجوال (GPU أضعف) هذا يسبّب تقطّعاً أثناء التمرير
 *        وضعف استجابة — أثقلها: الـ nav اللاصق (يعيد الـ blur كل إطار)، وانجراف
 *        الشبكة بملء الشاشة (lpGridDrift على .lp-bg::after)، وتوهّجات العنوان
 *        والشعار (lpTitleHalo / lpLogoSpin).
 *
 * الحل: على ≤768px نُهدّئ الحركات المستمرة ونُزيل الـ blur — وهو **نفس** ما تفعله
 *       كتل prefers-reduced-motion الموجودة أصلاً في landing.css (مُثبت أنه لا
 *       يكسر التخطيط). نُبقي الـ transitions كي تبقى النقرات وكشف العناصر عند
 *       التمرير سلسة. الكمبيوتر/التابلت الكبير (>768px) بلا أي تغيير.
 *
 * تحمّل بعد كل الشرائح (تستخدم !important لتفوز بصرف النظر عن الترتيب). الواجهة
 * فقط (الملف لا يُحمَّل في index.html). للإزالة: احذف هذا الملف + سطر <link> الخاص
 * به في landing.html ⇒ تعود الحركات الكاملة على الجوال.
 * ════════════════════════════════════════════════════════════════════════════ */

@media (max-width: 768px) {

  /* (1) إيقاف كل الحركات المستمرة على الجوال — نفس مفعول prefers-reduced-motion.
     عناصر الدخول ذات fill (both/forwards) تثبت على حالتها النهائية (ظاهرة)،
     فلا يبقى أي عنصر مخفياً. الـ transitions تبقى كما هي (كشف/نقرات سلسة). */
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-delay: 0ms !important;
    animation-iteration-count: 1 !important;
  }

  /* احتياط: طبقات زخرفية ثقيلة (مخفية أصلاً ≤760 في §22 — نؤكّدها) */
  .lp-orb,
  .lp-particles { display: none !important; }

  /* (2) إزالة backdrop-filter (blur) عن كل عناصر الواجهة على الجوال — أثقل سبب
     للتقطّع أثناء التمرير. الخلفيات شبه المعتمة تبقى فلا يتأثّر وضوح المحتوى. */
  [class*="lp-"] {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  /* تعويض زجاج الـ nav اللاصق بخلفية أوضح قليلاً (بدون الـ blur المكلف) */
  .lp-nav {
    background: color-mix(in oklab, var(--bg-page) 92%, transparent) !important;
  }
}