/* ════════════════════════════════════════════════════════════════════
   nav-transition.css — انتقال بين المستندات للأقسام الثلاثة الرئيسية
   ════════════════════════════════════════════════════════════════════

   المشكلة: كل انتقال بين /spaces/ و/bazaars/ و/market/ هو تحميل مستند
   كامل، فالمتصفح يهدم الصفحة القديمة قبل رسم الجديدة — والفجوة بينهما هي
   «الوميض الأبيض» الذي يجعل الانتقال يبدو كإعادة تحميل.

   @view-transition يجعل المتصفح يحتفظ بلقطة الصفحة القديمة ويمزجها بالجديدة
   بدل إظهار فراغ. سطر واحد، بلا JS، ومشروط بأن **تكون الصفحتان قد اشتركتا
   فيه** — لذلك يُربط هذا الملف من الصفحات الثلاث فقط، والانتقال من/إلى أي
   صفحة أخرى يبقى كما هو تمامًا.

   الدعم: Chrome 126+ · Safari 18.2+ · Firefox يتجاهله بأمان (تحسين تدريجي).

   ── مقصود: لا يوجد view-transition-name على .nav ──
   تسمية الناف تجعل المتصفح ينقله كعنصر مستقل بين المستندين — مكسب بصري
   محتمل، لكنه يربط سلامة الـlayout بتطابق بنية الناف بين الصفحات ويتفاعل
   مع position:sticky واستعادة موضع التمرير في زر «رجوع». لا يُضاف إلا إذا
   أثبت القياس أن التلاشي الجذري وحده غير كافٍ. راجع خطة التنقل.
   ════════════════════════════════════════════════════════════════════ */

@view-transition {
  navigation: auto;
}

/* أقصر من الافتراضي (250ms): الهدف إخفاء الفجوة لا إضافة حركة محسوسة */
::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: 160ms;
}

/* الانتقال تحسين بصري بحت — من يطلب تقليل الحركة يحصل على تبديل فوري
   بلا تلاشٍ، ويظل مستفيدًا من إلغاء الوميض الأبيض. */
@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(*),
  ::view-transition-old(*),
  ::view-transition-new(*) {
    animation-duration: 1ms !important;
  }
}