/* Right-to-left adjustments for the Arabic language version (loaded only when the language is "ar").
   v3 – text direction, alignment, Arabic font, header language switcher, publications list. */
html[dir="rtl"] body { direction: rtl; }

/* Arabic glyphs: the site's display fonts have no Arabic set, so the browser falls back to a serif.
   Prefer a clean system sans-serif for Arabic text; Latin words inside keep the site font via the fallback order. */
html[dir="rtl"] body,
html[dir="rtl"] .Main,
html[dir="rtl"] .OverlayMenu,
html[dir="rtl"] .SiteFooter {
  font-family: "Noto Sans Arabic", "Segoe UI", "Helvetica Neue", Arial, Tahoma, sans-serif;
}

html[dir="rtl"] .Main,
html[dir="rtl"] .Main p,
html[dir="rtl"] .Main h1, html[dir="rtl"] .Main h2, html[dir="rtl"] .Main h3,
html[dir="rtl"] .Main h4, html[dir="rtl"] .Main h5, html[dir="rtl"] .Main h6,
html[dir="rtl"] .Main ul, html[dir="rtl"] .Main ol { text-align: right; }
html[dir="rtl"] .Main ul, html[dir="rtl"] .Main ol { padding-left: 0; padding-right: 1.25em; }
html[dir="rtl"] .Main [style*="text-align:center"] { text-align: center; }

html[dir="rtl"] .OverlayMenu-navList,
html[dir="rtl"] .OverlayMenu-contact,
html[dir="rtl"] .SiteFooter { text-align: right; }

/* Language switcher: keep its items in left-to-right order so the "/" separators sit correctly. */
html[dir="rtl"] .SiteHeader-languageList,
html[dir="rtl"] .OverlayMenu-languageList { direction: ltr; }

/* v3 – Publications page: the bibliography is Latin-script, keep the list left-to-right. */
html[dir="rtl"] .HeroBanner-body ul[style*="square"] {
  direction: ltr; text-align: left; padding-left: 1.25em; padding-right: 0;
}
html[dir="rtl"] .HeroBanner-body ul[style*="square"] li { text-align: left; }