/* arabic.css — RTL refinements for Arabic pages
   Supplements the [dir="rtl"] rules in styles.css with Arabic-specific typography and layout tweaks */

/* Arabic typography — Tajawal for readability */
[dir="rtl"] {
  font-family: 'Tajawal', 'Inter', -apple-system, sans-serif;
  letter-spacing: 0;
  word-spacing: 0.02em;
}

[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4 {
  font-family: 'Tajawal', 'Inter', sans-serif;
  font-weight: 700;
  letter-spacing: 0;
}

[dir="rtl"] .brand-word {
  font-family: 'Inter', sans-serif;
  direction: ltr;
}

/* Improve Arabic line-height for readability */
[dir="rtl"] p,
[dir="rtl"] li {
  line-height: 1.85;
}

[dir="rtl"] .lead {
  line-height: 1.9;
}

/* Glass card list adjustments */
[dir="rtl"] .glass-card ul li,
[dir="rtl"] .glass-card ol li {
  padding-left: 0;
  padding-right: 20px;
}

[dir="rtl"] .glass-card ul li::before {
  left: auto;
  right: 0;
}

/* Journey flow RTL */
[dir="rtl"] .journey-flow {
  direction: rtl;
}

[dir="rtl"] .journey-step::before {
  left: auto;
  right: -28px;
  transform: rotate(180deg);
}

/* Banner link RTL spacing */
[dir="rtl"] .banner-link {
  margin-left: 0;
  margin-right: auto;
}

/* CTA buttons */
[dir="rtl"] .btn {
  font-family: 'Tajawal', 'Inter', sans-serif;
}

/* Footer RTL refinements */
[dir="rtl"] .footer-bottom {
  direction: rtl;
}

/* Stat card text alignment */
[dir="rtl"] .stat-card {
  text-align: right;
}

/* Nav toggle position */
[dir="rtl"] .nav-toggle {
  margin-left: 0;
  margin-right: auto;
}