/* ---------- RTL adjustments (Arabic) ----------
   Layout already uses logical properties, so this only fixes directional
   glyphs, transforms and a few visual flips. */

[dir="rtl"] .arrow-link .icon,
[dir="rtl"] .btn .icon.icon-arrow-right { transform: scaleX(-1); }
[dir="rtl"] .arrow-link:hover .icon { transform: scaleX(-1) translateX(4px); }

[dir="rtl"] .process-row .step::after { content: "←"; }

[dir="rtl"] .breadcrumb__sep { transform: scaleX(-1); display: inline-block; }

[dir="rtl"] .hero__lead,
[dir="rtl"] .page-hero__lead { letter-spacing: 0; }

/* Cairo needs a touch more line-height for comfortable reading */
[dir="rtl"] body { line-height: 1.8; }
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3 { letter-spacing: 0; line-height: 1.3; }

[dir="rtl"] .hero__title,
[dir="rtl"] .feature__title,
[dir="rtl"] .primary-nav a,
[dir="rtl"] .btn,
[dir="rtl"] .eyebrow { letter-spacing: 0; }