/* RTL-basis voor Arabisch (dir="rtl"). Wordt alleen geladen als locale = ar.
   direction:rtl spiegelt tekst + inline-flow + flexbox automatisch; dit is een solide
   baseline. Fysieke margin-left/right in app.css blijven ongespiegeld — visueel nog fijn
   te slijpen bij een echte Arabische launch. */
html[dir="rtl"] body { direction: rtl; text-align: right; }

/* Taalcodes in de switcher blijven links-naar-rechts leesbaar (NL · EN · …). */
html[dir="rtl"] .lang-switch { direction: ltr; }

/* Lijst-inspringing spiegelen. */
html[dir="rtl"] ul,
html[dir="rtl"] ol { padding-right: 1.25em; padding-left: 0; }