/* Arabic (dir="rtl"): what logical properties can't mirror on their own. Loaded only on RTL pages.
   Arabic letters fall back from Montserrat / Inter to the system font in the theme.json stacks
   (system-ui, Segoe UI), which all have Arabic. */

/* Drawer slides in from the left */
html[dir="rtl"] .tth-h__sheet { transform: translateX(-100%); }
html[dir="rtl"] .tth-h__drawer.is-open .tth-h__sheet { transform: none; }

/* Photo and logo strips drift the other way */
@keyframes tth-gal-drift-rtl { to { transform: translateX(50%); } }
@keyframes tth-social-drift-rtl { to { transform: translateX(50%); } }
html[dir="rtl"] .tth-gal__track { animation-name: tth-gal-drift-rtl; }
html[dir="rtl"] .tth-social__track { animation-name: tth-social-drift-rtl; }

/* Arrow nudges on hover point the reading way */
html[dir="rtl"] .tth-news__card:hover .tth-news__read span, html[dir="rtl"] .tth-stats__link:hover span { transform: translateX(-4px); }

/* Select arrow on the left */
html[dir="rtl"] .fluentform select.ff-el-form-control { background-position: left 13px center; }

/* Arabic script: no letter-spacing, more line height */
html[dir="rtl"] body { letter-spacing: 0; }
html[dir="rtl"] :where(p, li, dd, summary) { line-height: 1.8; }

/* Phone numbers keep their left-to-right order ("01 72 40 17 48", not "48 17 40 72 01") */
html[dir="rtl"] a[href^="tel:"] { direction: ltr; unicode-bidi: isolate; }