/* ═══════ RTL OVERRIDES (Arabic) ═══════ */
/* Loaded only on [dir="rtl"] pages via build script */

/* --- Font --- */
:root {
  --font-body: 'IBM Plex Sans Arabic', 'Noto Sans Arabic', system-ui, sans-serif;
}

/* --- Arabic typography: reduce letter-spacing (wide tracking breaks connected script) --- */
.label, .hero-label, .nav-logo-sub, .stat-label, .flywheel-step,
.footer-brand-sub, .footer-col-title, .labeled-divider span,
.proof-label, .leader-title, .tag-badge {
  letter-spacing: normal;
  text-transform: none;
}
.nav-links a, .nav-dropdown-toggle, .nav-logo-text,
.btn-primary, .btn-secondary, .btn-outline-dark, .btn-arrow {
  letter-spacing: 0;
}

/* --- Navigation: underline animation direction --- */
.nav-links a::after { transform-origin: left; }
.nav-links a:hover::after { transform-origin: right; }


/* --- Scroll Progress --- */
.scroll-progress { transform-origin: right; }

/* --- Cards --- */
.card::before { transform-origin: right; }
.vertical-card::before { transform-origin: right; }

/* --- Pathway card hover underline (contact) --- */
.pathway-card::before { transform-origin: right; }

/* --- Reveal animations --- */
.reveal-left { transform: translateX(40px); }
.reveal-right { transform: translateX(-40px); }

/* --- Arrow buttons: flip direction for RTL --- */
.btn-arrow svg { transform: scaleX(-1); }
.btn-arrow:hover svg { transform: scaleX(-1) translateX(4px); }
.btn-primary svg { transform: scaleX(-1); }

/* --- Breadcrumb chevron --- */
.page-hero-breadcrumb svg { transform: scaleX(-1); }

/* --- Bidi isolation for LTR content in RTL context --- */
[dir="rtl"] [dir="ltr"] { unicode-bidi: isolate; }