/* =============================================
   AETHERCORE — تنسيقات RTL (يمين لشمال)
   يتم تحميل هذا الملف بعد style.css لتصحيح
   كل الخصائص ذات الاتجاه (left/right/margin/...)
   ============================================= */

html[dir="rtl"] body {
  font-family: 'Tajawal', var(--font-body);
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5 {
  font-family: 'Tajawal', var(--font-display);
}

/* === Toast: ينتقل من اليسار === */
html[dir="rtl"] .toast {
  right: auto;
  left: 2rem;
}

/* === تأثير الخط تحت رابط التنقل (يبقى مركزيًا، لا تغيير مطلوب) === */

/* === القائمة المنسدلة في الموبايل === */
html[dir="rtl"] .nav-mobile {
  text-align: right;
}

/* === Hero: ترتيب العناصر يعكس تلقائيًا بفضل flex + dir، لا حاجة لتبديل يدوي === */

/* === تمرير الشبكة الخلفية (الاتجاه يبقى جماليًا بدون تأثير وظيفي) === */

/* === الإحصائيات وبطاقات السيكشن: محاذاة النصوص لليمين === */
html[dir="rtl"] .section-header {
  text-align: right;
}

html[dir="rtl"] .hero-stats,
html[dir="rtl"] .hero-actions {
  justify-content: flex-start;
}

/* === الفوتر: الشبكة تتبع RTL تلقائيًا عبر CSS Grid + dir === */
html[dir="rtl"] .footer-col ul li {
  text-align: right;
}

/* === عناصر القوائم المنقطة (legal-block ul) === */
html[dir="rtl"] .legal-block ul li {
  padding-left: 0;
  padding-right: 1.2rem;
}

html[dir="rtl"] .legal-block ul li::before {
  left: auto;
  right: 0;
}

/* === رقم الفهرس في جدول المحتويات (legal-toc) === */
html[dir="rtl"] .legal-toc ol li::before {
  margin-right: 0;
  margin-left: 0.5rem;
}

/* === عنوان قسم legal-block: الخط الجانبي ينتقل لليمين === */
html[dir="rtl"] .legal-block h2 {
  flex-direction: row-reverse;
}

/* === بطاقات البطولات: الفوتر الداخلي يبقى متماثلاً بفضل flex === */

/* === الأزرار: السهم في "اقرأ المزيد" يجب أن يعكس اتجاهه === */
html[dir="rtl"] .news-readmore svg,
html[dir="rtl"] .btn-outline svg {
  transform: scaleX(-1);
}

/* === التمرير الأفقي للأماكن المتبقية / تنسيق tournament-card-footer يبقى flex فيعمل تلقائيًا === */

/* === عناصر contact-link-item: السهم الجانبي === */
html[dir="rtl"] .contact-link-item span[style*="margin-left:auto"] {
  margin-left: 0 !important;
  margin-right: auto !important;
}

/* === لوحة التحكم (admin.html) === */
html[dir="rtl"] .admin-sidebar {
  border-left: none;
  border-right: 1px solid var(--border-subtle);
}

html[dir="rtl"] .admin-nav-item {
  text-align: right;
}

/* === جدول لوحة المتصدرين: استخدام Grid يعكس تلقائيًا عند dir=rtl لكنه يحتاج تأكيد المحاذاة === */
html[dir="rtl"] .leaderboard-header,
html[dir="rtl"] .leaderboard-row {
  text-align: right;
}

html[dir="rtl"] .lb-rank {
  text-align: center;
}

/* === شعار الموقع: الفجوة بين الأيقونة والنص تبقى صحيحة بفضل flex + gap === */

/* === تمرير سلس للروابط الداخلية (anchor) مع مراعاة شريط التنقل الثابت === */
html[dir="rtl"] [id] {
  scroll-margin-top: calc(var(--nav-height) + 1rem);
}