/* =========================================================================
   Arabic (RTL) overrides — loaded only by /ar/ pages after style.css.
   Most layout already flips via CSS logical properties; this file handles
   typography and the few visual details that need explicit attention.
   ========================================================================= */

body {
  font-family: "Noto Naskh Arabic", "Markazi Text", Georgia, serif;
  font-size: 18px;
  line-height: 1.9;
}

.display,
.brand,
.hero h1,
.section-head h2,
.legal h1 {
  font-family: "Noto Naskh Arabic", var(--font-display);
  font-weight: 700;
}

/* Prose reads right-to-left */
.legal,
.faq { text-align: right; }

/* FAQ chevron sits on the correct side automatically via flexbox + logical
   properties; keep the summary layout explicit for clarity. */
.faq summary { flex-direction: row; }

/* Uppercase letter-spacing looks wrong on Arabic labels */
.eyebrow,
.footer-grid h4 { letter-spacing: normal; text-transform: none; }

/* Latin fragments (email, URLs, "App Store") stay LTR inside RTL text */
.ltr { direction: ltr; unicode-bidi: isolate; display: inline-block; }