/* My Little Cashier | Al-Quran Arabic typography fix | 22 October 2026
   The global VT323 selector in pixel-typography.css overrides the Arabic
   typeface on the reader, which breaks Quranic shaping on some Android
   tablets. This must load AFTER all global typography and mobile styles.
   Never break or space Arabic glyphs within a word. */
html body #page-quran .quran-arabic,
html body #page-quran [lang="ar"] {
  font-family: "Noto Naskh Arabic", "Noto Sans Arabic", "Amiri", "Traditional Arabic", serif !important;
  direction: rtl !important;
  unicode-bidi: isolate;
  text-align: right !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
  white-space: normal !important;
  text-transform: none !important;
  font-variant-ligatures: common-ligatures contextual;
  font-feature-settings: "rlig" 1, "liga" 1, "calt" 1;
  text-rendering: optimizeLegibility;
}
/* Avoid large 2.2 line-height gaps and keep the Quran legible on tablets. */
html body #page-quran .quran-ayah .quran-arabic {
  display: block;
  max-width: 100%;
  font-size: clamp(30px, 3vw, 39px) !important;
  font-weight: 400 !important;
  line-height: 2.0 !important;
  margin: 8px 0 12px;
}
html body #page-quran .quran-daily .quran-arabic {
  font-size: clamp(26px, 2.7vw, 34px) !important;
  line-height: 2.0 !important;
}
@media (max-width: 760px) {
  html body #page-quran .quran-ayah .quran-arabic {
    font-size: clamp(27px, 6vw, 35px) !important;
    line-height: 2.05 !important;
  }
}
@media (max-width: 380px) {
  html body #page-quran .quran-ayah .quran-arabic {
    font-size: 27px !important;
  }
}

/* Arabic surah titles and short zikr phrases must also escape pixel fonts. */
html body #page-quran .quran-surah-arabic-name {
  font-size: .95em !important;
  display: inline-block;
  vertical-align: baseline;
  direction: rtl;
  unicode-bidi: isolate;
}
html body #page-quran .quran-zikir-arabic {
  font-size: 1.3em !important;
  line-height: 1.7 !important;
  display: inline-block;
  direction: rtl;
  unicode-bidi: isolate;
}

/* v3: comfortable line height on both orientations, whole-word RTL wrapping. */
#page-quran .quran-ayah .quran-arabic {
  overflow-wrap: normal !important;
  word-break: normal !important;
  text-align: right !important;
  direction: rtl !important;
  unicode-bidi: plaintext;
  line-height: 1.95 !important;
}