/* ==========================================================================
   قلب الاتجاه — يُحمَّل بعد site.css على صفحات /en فقط.

   الواجهة الإنجليزية تستعمل قوالب الموقع العربي نفسها: نفس الصور
   والتأثيرات والأقسام والفوتر والإيقاع. ما تحتاجه هو قلب التصريحات
   الفيزيائية وحدها — القياس أظهر ~80 تصريحاً في 3044 سطراً، وما
   استُعمل فيه inline-start/end ينقلب وحده مع dir="ltr".

   الترتيب مقصود: كل قاعدة هنا تُقابل قاعدةً في site.css بالسطر نفسه
   تقريباً، فمراجعتها جنباً إلى جنب ممكنة.
   ========================================================================== */

html[dir="ltr"] body{text-align:left;}

/* ---------- الترويسة والقوائم ---------- */
html[dir="ltr"] .dropdown{right:auto; left:0;}
html[dir="ltr"] .dropdown a:hover{padding-right:14px; padding-left:18px;}
html[dir="ltr"] .topbar-links .topbar-lang{direction:rtl;}

/* ---------- الهيرو ---------- */
html[dir="ltr"] .section-hero{text-align:left;}
html[dir="ltr"] .hero-tagline,
html[dir="ltr"] .hero-tagline span{text-align:left;}
/* لا نلمس background-image للشريحة: الصورة تأتي في style مضمّن من
   القالب، وإعادة تعريفها هنا تمحوها. اتجاه التدرّج فارق تجميلي لا
   يستحقّ فقدان الصور. */
html[dir="ltr"] .hero-arrows{left:auto; right:5vw;}

/* ---------- النصّ الغنيّ ---------- */
html[dir="ltr"] .section-richtext-inner{padding-right:0; padding-left:28px;}
html[dir="ltr"] .section-richtext-inner::before{right:auto; left:0;}

/* ---------- البطاقات والشبكات ---------- */
html[dir="ltr"] .section-cards .section-head{text-align:left;}
html[dir="ltr"] .cards-grid{border-right:none; border-left:1px solid var(--line);}
html[dir="ltr"] .cards-grid .card{border-left:none; border-right:1px solid var(--line);}
html[dir="ltr"] .section-split-media::before{right:auto; left:100%;}

/* شارات الزوايا تنقلب مع البطاقة */
html[dir="ltr"] .cg-badge,
html[dir="ltr"] .eg-date,
html[dir="ltr"] .ib-badge{right:auto; left:12px;}
html[dir="ltr"] .cg-title{right:16px; left:16px; text-align:left;}

/* ---------- الإحصاءات والخدمات ---------- */
html[dir="ltr"] .service-stats .is-item{border-right:none; border-left:1px solid var(--line);}
html[dir="ltr"] .service-stats .is-item:last-child{border-left:none;}
@media (max-width:900px){
  html[dir="ltr"] .service-stats .is-item:nth-child(2n){border-left:none; border-right:none;}
}
html[dir="ltr"] .ss-arrow{left:auto; right:24px; transform:scaleX(-1);}

/* ---------- الإنفوجرافيك ---------- */
html[dir="ltr"] .infographic-bar-row .ib-pct{text-align:right;}
@media (max-width:700px){
  html[dir="ltr"] .infographic-bar-row .ib-pct{text-align:left;}
}

/* ---------- صور «عن الجمعية» المتراكبة ---------- */
html[dir="ltr"] .about-intro-media .ai-img-1{right:auto; left:0;}
html[dir="ltr"] .about-intro-media .ai-img-2{left:auto; right:0;}
html[dir="ltr"] .about-intro-media .ai-badge{left:auto; right:0;}

/* ---------- الفريق ---------- */
html[dir="ltr"] .team-card::before{right:auto; left:0;}
html[dir="ltr"] .team-card::after{left:auto; right:0;}

/* ---------- شريط المجالات ---------- */
html[dir="ltr"] .dept-strip-head span{margin-left:0; margin-right:8px;}

/* ---------- الخطّ الزمني ---------- */
html[dir="ltr"] .timeline-item{
  padding-right:0; padding-left:28px;
  border-right:none; border-left:2px solid var(--line);
}
html[dir="ltr"] .timeline-item::before{right:auto; left:-35px;}

/* ---------- شهادة الترخيص ---------- */
html[dir="ltr"] .cert-info-item{border-left:none; border-right:1px solid var(--line);}
html[dir="ltr"] .cert-info-item:nth-child(2n){border-right:none;}
@media (max-width:700px){
  html[dir="ltr"] .cert-info-item{border-right:none;}
}

/* ---------- كلمة الرئيس ---------- */
html[dir="ltr"] .chm-shape-1{right:auto; left:0;}
html[dir="ltr"] .chm-shape-2{left:auto; right:2%;}

/* ---------- بطاقات التصنيفات ---------- */
html[dir="ltr"] .jc-card{text-align:left;}

/* ---------- الفوتر ---------- */
html[dir="ltr"] .footer-grid > div{
  border-right:none; border-left:1px solid rgba(255,255,255,0.09);
}
html[dir="ltr"] .footer-grid > div:first-child{
  padding-left:0; padding-right:24px; border-left:none;
}
@media (max-width:900px){
  html[dir="ltr"] .footer-grid > div:nth-child(even){border-left:none;}
}

/* ---------- الأسهم والمؤشّرات التي تشير لجهة ---------- */
html[dir="ltr"] .btn-primary svg,
html[dir="ltr"] .cw-more-card svg,
html[dir="ltr"] .dc-more-card svg{transform:scaleX(-1);}
html[dir="ltr"] .btn-primary:hover svg{transform:scaleX(-1) translateX(-4px);}

/* ---------- الأرقام واللاتينية تبقى LTR في الحالتين ---------- */
html[dir="ltr"] .ib-pct,
html[dir="ltr"] .is-value{direction:ltr;}

/* ---------- الخطّ: Inter للاتيني، وTajawal يبقى للعربي المتبقّي ---------- */
html[dir="ltr"] body{
  font-family:'Inter','Tajawal',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
}
html[dir="ltr"] h1, html[dir="ltr"] h2, html[dir="ltr"] h3,
html[dir="ltr"] .section-head h2, html[dir="ltr"] .brand-text{
  font-family:'Inter','Tajawal',sans-serif; letter-spacing:-0.01em;
}
/* النصّ العربي الباقي (أخبار وفعاليات غير مترجمة) يحتفظ باتجاهه */
html[dir="ltr"] [lang="ar"]{direction:rtl; text-align:right; font-family:'Tajawal',sans-serif;}