/* AAIR Arabic / RTL layer. Loaded only when the site language is Arabic. */

html[dir="rtl"] body { direction: rtl; }

/* Arabic type: Cairo (clean, geometric, pairs with the institutional look). */
html[dir="rtl"] body,
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3, html[dir="rtl"] h4,
html[dir="rtl"] .btn, html[dir="rtl"] input, html[dir="rtl"] select, html[dir="rtl"] textarea, html[dir="rtl"] button {
  font-family: "Cairo", "Inter", -apple-system, "Segoe UI", sans-serif;
}

/* Uppercase + letter-spacing are Latin-only; they mangle Arabic script. Reset them. */
html[dir="rtl"] .eyebrow, html[dir="rtl"] .tb-label, html[dir="rtl"] .kv-eyebrow,
html[dir="rtl"] .role, html[dir="rtl"] .day-tag, html[dir="rtl"] .ft-col h5,
html[dir="rtl"] .aair-pgroup h2, html[dir="rtl"] .conv .label, html[dir="rtl"] .aair-portal-nav,
html[dir="rtl"] .num, html[dir="rtl"] .day-city, html[dir="rtl"] .aair-scard .tbc {
  text-transform: none;
  letter-spacing: normal;
}

/* Flip the auto margin that pushes the header actions to the far side. */
html[dir="rtl"] .nav-cta { margin-left: 0; margin-right: auto; }
html[dir="rtl"] .topbar-in { justify-content: space-between; }

/* Arrow icons should point with the reading direction. */
html[dir="rtl"] .btn svg use[href="#i-arrow"],
html[dir="rtl"] .aair-card a svg, html[dir="rtl"] .btn .ic { }
html[dir="rtl"] .btn svg { transform: scaleX(-1); }

/* Left-anchored decorative wordmarks: keep them from creating horizontal scroll on RTL. */
html[dir="rtl"] .kv-ghost { right: auto; left: -2%; }
html[dir="rtl"] .kv-flag { left: auto; right: 0; }

/* Prose + lists read right-to-left. */
html[dir="rtl"] .aair-prose ul, html[dir="rtl"] .checks { padding-left: 0; padding-right: 20px; }
html[dir="rtl"] .checks li { text-align: right; }
html[dir="rtl"] .aair-prose { margin-right: 0; }

/* Forms: labels + inputs align right. */
html[dir="rtl"] .aair-field label, html[dir="rtl"] .aair-check { text-align: right; }
html[dir="rtl"] .aair-check { flex-direction: row-reverse; justify-content: flex-end; }

/* Focus outline + tags mirror naturally via flex; nothing else needed for the header/hero/footer. */