/* arabic.css — Arabic (Naskh) font + minor tweaks
   Loaded alongside rtl.css for lang="ar".
   Arabic Naskh works at standard sizes — no special treatment needed.
   ================================================================ */

body {
  font-family: "Noto Sans Arabic", "Segoe UI", Tahoma, Arial, sans-serif;
  line-height: 1.7;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Noto Sans Arabic", "Segoe UI", Tahoma, sans-serif;
  line-height: 1.5;
}

/* Slightly larger body text for Arabic readability */
p, li, td, th, label, a, span {
  line-height: 1.7;
}

/* ── Comparison page overrides ── */

.pf-compare-sub,
.pf-compare-section-heading,
.pf-compare-metric-cell,
.pf-compare-table td,
.pf-compare-table td p,
.pf-compare-firm-tagline,
.pf-compare-eyebrow,
.pf-compare-meta-chip {
  font-family: "Noto Sans Arabic", "Segoe UI", Tahoma, Arial, sans-serif;
}

.pf-compare-wrap p,
.pf-compare-wrap li,
.pf-compare-wrap h2,
.pf-compare-wrap h3,
.pf-compare-wrap h4 {
  font-family: "Noto Sans Arabic", "Segoe UI", Tahoma, Arial, sans-serif;
  text-align: right;
}

/* Comparison data cells — keep English numbers LTR */
.pf-compare-table td .pf-compare-empty-value {
  direction: ltr;
}

.pf-compare-table td .pf-compare-pill {
  white-space: normal;
  overflow-wrap: anywhere;
}
