/* ============================================================
   RYDE — Bilingual / RTL layer
   Arabic uses Cairo (rounded-geometric, pairs with Rubik/Jakarta).
   English keeps Plus Jakarta Sans. Layout mirrors via dir="rtl".
   ============================================================ */

/* Arabic typeface swap */
body.lang-ar{
  --font:"Cairo","Plus Jakarta Sans",system-ui,sans-serif;
  line-height:1.5;
}
/* Negative letter-spacing breaks Arabic letter-joining — neutralise it */
body.lang-ar *{letter-spacing:normal !important}
/* The "ryde" wordmark + Latin brand bits always stay Latin + LTR */
.nav .brand,.foot .brand,.pnav .brand,.pfoot .fbrand{font-family:"Plus Jakarta Sans",system-ui,sans-serif}
[dir="rtl"] .nav .brand,[dir="rtl"] .foot .brand,
[dir="rtl"] .pnav .brand,[dir="rtl"] .pfoot .fbrand{direction:ltr}

/* ── language toggle ── */
.navend{display:flex;align-items:center;gap:12px}
.langtog{
  font-family:inherit;font-weight:700;font-size:13px;letter-spacing:.02em;
  color:var(--ink);background:none;border:1.5px solid rgba(23,23,23,.22);
  padding:8px 14px;border-radius:999px;cursor:pointer;line-height:1;
  transition:border-color .2s ease,color .2s ease,background .2s ease;
}
.langtog:hover{border-color:var(--orange);color:var(--orange-deep)}
.nav.on-dark .langtog{color:#fff;border-color:rgba(255,255,255,.3)}
.nav.on-dark .langtog:hover{border-color:#fff}
@media(max-width:760px){.langtog{padding:7px 11px;font-size:12px}}

/* ── RTL mirroring fixes for the bespoke motion bits ── */
[dir="rtl"] .marquee .track{animation-direction:reverse}
[dir="rtl"] .hero .kicker,[dir="rtl"] .sec-head{flex-direction:row}
/* keep the Latin store-badge wordmarks LTR inside Arabic buttons */
[dir="rtl"] .store-btn .st b{direction:ltr;text-align:right}
/* numerals / mark stay upright; abstract Moments scatter is fine un-mirrored */

/* Arabic tends to need a touch more breathing room at display sizes */
body.lang-ar .display,body.lang-ar h1,body.lang-ar h2{line-height:1.12}
body.lang-ar .mom{font-weight:700}

/* Legal pages: fix RTL marker spacing/indent so gap is after marker */
[dir="rtl"] .legaldoc ul,
[dir="rtl"] .legaldoc ol{
  padding-right:22px;
  padding-left:0;
  list-style-position:outside;
}
[dir="rtl"] .legaldoc li{
  padding-right:0;
  margin-right:0;
}
[dir="rtl"] .legaldoc h2 .num{
  margin-right:0;
  margin-left:12px;
}