/**
 * RTL / Arabic overrides for ShamBits Academy
 * Loaded only on Arabic pages, after main.css and bootstrap.rtl.min.css.
 * Layout mirroring is handled by Bootstrap's RTL build plus logical
 * properties (margin-inline-*, padding-inline-*, inset-inline-*) already
 * used in main.css. This file only covers what logical properties can't:
 * Arabic-friendly typography and letter-spacing, which breaks Arabic
 * letter joining when non-zero.
 */

:root[dir="rtl"] {
  --default-font: "Cairo", "Tahoma", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --heading-font: "Cairo", "Tahoma", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --nav-font: "Cairo", "Tahoma", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}

[dir="rtl"] body {
  letter-spacing: normal;
}

[dir="rtl"] .btn-accent,
[dir="rtl"] .btn-outline-accent,
[dir="rtl"] .hero .btn-get-started,
[dir="rtl"] .header .cta-btn,
[dir="rtl"] .section-title h2,
[dir="rtl"] .footer .footer-about .logo span,
[dir="rtl"] .pricing .pricing-item .featured-badge,
[dir="rtl"] .navmenu a {
  letter-spacing: normal;
}

/* Arabic script reads more comfortably with slightly looser line-height */
[dir="rtl"] p,
[dir="rtl"] .accordion-body,
[dir="rtl"] .service-item .description,
[dir="rtl"] .features .tab-pane p {
  line-height: 1.9;
}