/* النسخة الإنجليزية (/en/، dir=ltr): يُحمَّل بعد style.css فقط حين اللغة إنجليزية (includes/header.php).
   أغلب التخطيط flex/grid يتبع dir تلقائيًا؛ هنا عكس القيم الفيزيائية (left/right) والمحاذاة الثابتة لليمين. */
body{font-family:"Baloo Bhaijaan 2","Segoe UI",system-ui,Arial,sans-serif}

/* الهيدر والقائمة */
.notif-badge{left:auto;right:-8px}
.user-menu{left:auto;right:0}
@media (max-width:900px){
    .main-nav{inset:0 auto 0 0;box-shadow:10px 0 30px rgba(0,0,0,.12);transform:translateX(-105%)}
    .main-nav.open{transform:translateX(0)}
}

/* محاذاة نصوص كانت مثبّتة لليمين */
.hp-row strong,.social-big-btn small,.qp-form,.ga-say,.ga-q-answers button,
.bl-article th,.bl-article td,.cl-table th,.cl-table td,.ln-answers button,.ans-btn{text-align:left}
.bl-article blockquote{border-right:0;border-left:4px solid var(--sun)}

/* الشارات فوق البطاقات: الركن المقابل */
.challenge-tag,.game-x2,.hm-game-x2,.hm-tag{right:auto;left:8px}
@media (max-width:640px){.challenge-tag{left:6px}.game-x2{left:5px}}
.hm-update-x{left:auto;right:10px}
.hm-step-ic::after{left:auto;right:-6px}
.hm-tile::after{left:auto;right:-30px}
.hm-glow-1{left:auto;right:-80px}
.hm-glow-2{right:auto;left:14%}

/* غادة: الزر العائم يبقى يسار الشاشة؛ الأيقونات الاتجاهية */
.ga-fab-label{direction:ltr}
.ga-panel-form .ga-btn{transform:none}

/* زر تبديل اللغة */
.lang-switch{font-weight:800}