/* Arabic header/footer — RTL overlay on top of the shared es base. */
@import url("/assets/css/es/header-footer.css");

/* ── RTL fixes ─────────────────────────────────────────────────── */
html[dir="rtl"] body,
[dir="rtl"] body {
  direction: rtl;
  text-align: right;
}

/* Brand block: keep mark visually adjacent to the wordmark, but flow RTL. */
[dir="rtl"] .brand {
  flex-direction: row;
}

/* Header right-side nav reads from right to left in Arabic. */
[dir="rtl"] .header-right .nav {
  flex-direction: row;
}

/* Language switcher: now handled by /assets/css/language-switcher.css; old
   .lang-switcher / .lang-menu RTL overrides removed during the 2026-05-04
   componentisation pass. */

/* Footer separators look natural with normal flow but the bullet dots appear LTR.
   We rely on logical properties (margin-inline-*) instead of left/right. */
[dir="rtl"] .footer-links a,
[dir="rtl"] .footer-nav a {
  margin-inline-start: 0;
  margin-inline-end: 8px;
}

/* Numerals in metadata stay LTR even inside RTL prose. */
[dir="rtl"] time,
[dir="rtl"] .ad-label {
  unicode-bidi: isolate;
}