/* ============================================================
   KAIDO — RTL overrides (Arabic)
   Loaded only on /ar/ pages, after styles.css.
   Scoped to [dir="rtl"] so it never affects the English pages.
   ============================================================ */

[dir="rtl"] body {
  font-family: 'Cairo', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  letter-spacing: 0 !important;
}
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3,
[dir="rtl"] .form-hed, [dir="rtl"] .stat-n, [dir="rtl"] .testi-text {
  letter-spacing: 0 !important;
}
[dir="rtl"] .eyebrow, [dir="rtl"] .mono, [dir="rtl"] .proc-num, [dir="rtl"] .card-num,
[dir="rtl"] .r-ind, [dir="rtl"] .why-num, [dir="rtl"] .kpi-lbl, [dir="rtl"] .stat-lbl,
[dir="rtl"] .f-col h4, [dir="rtl"] .footer-bottom, [dir="rtl"] .plat-note,
[dir="rtl"] .form-note, [dir="rtl"] .dash-live, [dir="rtl"] .modal-kicker,
[dir="rtl"] .modal-cover-tag { letter-spacing: 0 !important; }

/* ── Directional flips: nav ── */
[dir="rtl"] .nav-links { margin-left: 0; margin-right: 18px; }
[dir="rtl"] .nav-right { margin-left: 0; margin-right: auto; }

/* ── Hero ── */
[dir="rtl"] .hero-sub { margin-left: 0; }
[dir="rtl"] .proof-avatars img { margin-left: 0; margin-right: -10px; }
[dir="rtl"] .proof-avatars img:first-child { margin-right: 0; }
/* Keep the product dashboard mockup left-to-right (numbers, chart, EN labels) */
[dir="rtl"] .hero-visual { direction: ltr; }
[dir="rtl"] .badge-float { right: auto; left: -18px; }
[dir="rtl"] .float-card  { left: auto; right: -26px; }

/* ── Arrows point the reading direction (leftwards in RTL) ── */
[dir="rtl"] .arrow, [dir="rtl"] .card-out .ar { display: inline-block; transform: scaleX(-1); }
[dir="rtl"] .btn:hover .arrow { transform: scaleX(-1) translateX(3px); }

/* ── Cards / sections that use left-anchored bits ── */
[dir="rtl"] .card-out { }
[dir="rtl"] .partner-card .btn { align-self: flex-start; }

/* ── Floating UI ── */
[dir="rtl"] .wa-fab { right: auto; left: 26px; }
[dir="rtl"] .scroll-top { left: auto; right: 26px; }
[dir="rtl"] .modal-close { right: auto; left: 16px; }
[dir="rtl"] .modal-close:hover { transform: rotate(-90deg); }

/* ── Inputs: latin-friendly fields stay LTR but stay right-aligned ── */
[dir="rtl"] input[type="email"], [dir="rtl"] input[type="tel"] { direction: ltr; text-align: right; }

/* ── Language switcher ── */
.lang-switch { display: inline-flex; align-items: center; font-size: 13px; font-weight: 700; color: var(--ink); padding: 8px 12px; border: 1.5px solid var(--line-2); border-radius: 7px; transition: border-color .2s, background .2s, color .2s; }
.lang-switch:hover { border-color: var(--ink); background: var(--white); }
.mob-menu .lang-switch { justify-content: center; margin-top: 6px; }

@media (max-width: 640px) {
  [dir="rtl"] .wa-fab { left: 18px; }
  [dir="rtl"] .scroll-top { right: 18px; }
}