/* Arabic pages only (website/v5/ar/, built by website/i18n/i18n.py; 15 Oct 2026). Loaded after the page's own CSS.
   The page is dir="rtl", so flex and grid rows already run right to left; this file fixes what does not follow.
   Latin text (Menty, POS, prices) stays in Geist; Arabic letters fall through to IBM Plex Sans Arabic (fonts-ar.css). */
:root{--font:"Geist","IBM Plex Sans Arabic",system-ui,-apple-system,"Segoe UI",sans-serif}
body{font-family:var(--font)}
/* Negative letter-spacing pulls joined Arabic letters apart; Arabic is set at normal spacing everywhere. */
html[lang=ar] *{letter-spacing:0!important}
/* Arabic letters sit taller than Latin ones: give headings room so lines don't touch. */
html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{line-height:1.3}
/* Things kept off-screen to the left (skip link, the booking form's bot trap) would widen a right-to-left page, since
   there the space on the left is scrollable. Park them off the right edge instead (measured 15 Oct 2026: the page was
   2,439 px wide at 1,440, and 11,439 px on the booking page). */
html[dir=rtl] .skip{left:auto;right:-999px}
html[dir=rtl] .skip:focus{left:auto;right:12px}
html[dir=rtl] .trap{left:auto;right:-9999px}
/* Phone rails: the one-time "swipe me" nudge shows the next card, which in right to left is on the left. */
@media (max-width:699px) and (prefers-reduced-motion:no-preference){
  html[dir=rtl].m-ready .rail.nudge{animation-name:rail-nudge-rtl}
  @keyframes rail-nudge-rtl{0%,100%{transform:none}35%{transform:translateX(42px)}60%{transform:translateX(42px)}}
}