/* ==========================================================
   ENSAN PATH — Arabic (RTL) overrides
   Loaded after style.css. Same design system, same colors,
   same logo — direction-aware fixes + an Arabic typeface only.
   ========================================================== */

html[dir="rtl"]{
  --font-display: "Cairo", "Tajawal", sans-serif;
  --font-body: "Cairo", "Tajawal", sans-serif;
}

/* Arabic script doesn't have letter-case, and letter-spacing breaks
   the natural joining between letters — turn both off. */
html[dir="rtl"] .eyebrow,
html[dir="rtl"] .btn,
html[dir="rtl"] .journey-num,
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3{
  letter-spacing: normal;
  text-transform: none;
}

/* Grid/flex visual order already mirrors automatically under dir="rtl".
   These are the few spots that used a physical left/right value and
   need the equivalent mirrored value. */
html[dir="rtl"] .about-badge{
  left: auto;
  right: -28px;
}
html[dir="rtl"] .about-list li{
  padding-left: 0;
  padding-right: 22px;
}
html[dir="rtl"] .about-list li::before{
  left: auto;
  right: 0;
}

/* Mirror the student-journey connecting line so it sweeps in the
   correct reading direction. */
html[dir="rtl"] .journey-line{
  transform: scaleX(-1);
}

/* Keep phone numbers, emails and URLs left-to-right even inside RTL flow */
html[dir="rtl"] .ltr-num{
  direction: ltr;
  unicode-bidi: isolate;
}