/* gymveo.com · Arabic homepage only (/ar/), loaded after home.css (the link is added by tools/make_pages.py via
   tools/strings.py). The shared RTL base (mirroring, Readex sizes, no letter-spacing, no uppercase) lives in
   site.css and in the ARABIC block of home.css; this file holds the Arabic page's own fixes, so it can change
   without touching files other pages depend on. Everything is scoped to [dir=rtl]. */

/* ---------- the cahier: the time stamps sit inside the red margin, not across it ----------
   Readex digits are wider than Outfit's: the margin stamps use Outfit (the same stamp as the French page) and the
   margin is widened so the stamp (≈46px) ends before the red rule. Wrapped lines break evenly, never one word alone. */
[dir=rtl] .cahier{--margin:60px;padding-inline:74px 12px}
[dir=rtl] .cahier .settled{inset-inline-start:-70px;font-family:Outfit,sans-serif;padding:3px 5px 2px}
[dir=rtl] .cahier li,[dir=rtl] .cs-list .csw{text-wrap:balance}
@media (max-width:1100px){
  [dir=rtl] .cahier{--margin:60px;padding-inline:72px 12px}
  [dir=rtl] .cahier .settled{inset-inline-start:-68px}
  [dir=rtl] .cahier li{font-size:16px}
}
@media (max-width:960px){[dir=rtl] .cahier li{font-size:17.5px}}
@media (max-width:720px){
  [dir=rtl] .cahier{--margin:58px;padding-inline:70px 12px}
  [dir=rtl] .cahier .settled{inset-inline-start:-66px;padding:3px 4px 2px}
}

/* ---------- the roll's paper cover must not slide over the till tape beside it (961–1100 px: 32px gap < 60px) ---------- */
[dir=rtl].motion .roll-cover{inset-inline-start:36px}

/* ---------- member app: "60 كغ" then "× 10", read right to left like "آخر مرة: 57.5 كغ × 10" under it ---------- */
[dir=rtl] .weight,[dir=rtl] .reps{direction:rtl;text-align:start}

/* ---------- 22:10: the big time is set in Outfit (Readex digits are wider); its 961–1240px size is in home.css ---------- */
[dir=rtl] .night-time{font-family:Outfit,sans-serif;direction:ltr;text-align:end}

/* ---------- the shop sign: the Arabic line stays inside its plaque ---------- */
[dir=rtl] .street .sign-ar{transform:translateY(-3px)}
@media (max-width:720px){[dir=rtl] .street .sign-ar{font-size:17px}}

/* ---------- offline: Arabic tickets are taller, so they overlap less and keep their dots ---------- */
@media (max-width:720px){
  [dir=rtl] .q-tk{line-height:1.35;padding:3px 7px 2px}
  [dir=rtl] .q-tk + .q-tk{margin-top:-3px}
  [dir=rtl] .queue{top:calc(var(--cy) - 94px)}
}

/* ---------- the doorway (the padding that keeps the words clear of the leaves is in home.css, for every language) ---------- */
[dir=rtl] .door-stamp small .ltr{margin-right:.4em} /* .ltr is direction:ltr, so its right side faces the word */
@media (max-width:720px){[dir=rtl] .door-p{font-size:16.5px}}

/* (the footer's support link rule moved to site.css: it is shared with /ar/demo/) */