/* Reliable mixed Arabic/Latin text fallback for translated pages. */
html[dir="rtl"],
html[dir="rtl"] body {
  font-family: ArabicFont, Outfit, system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Tahoma, Arial, sans-serif;
}

/*
 * iOS Safari can select the custom Arabic font for Latin characters and
 * numbers inside RTL runs, leaving those glyphs blank. Use Apple's complete
 * system font stack for every text-bearing descendant on iOS/WebKit.
 */
@supports (-webkit-touch-callout: none) {
  html[dir="rtl"],
  html[dir="rtl"] body,
  html[dir="rtl"] body * {
    font-family: -apple-system, BlinkMacSystemFont, "SF Arabic", "Geeza Pro",
      "Helvetica Neue", Arial, sans-serif !important;
  }
}