/* Arabic RTL presentation layer.
   Keeps the existing visual structure while applying right-to-left text flow. */
html[dir="rtl"] { direction: rtl; }

/* Arabic text is right-aligned as requested, without changing the existing block geometry. */
html[dir="rtl"] .abc-text,
html[dir="rtl"] .abc-title,
html[dir="rtl"] .abc-subtitle,
html[dir="rtl"] .abc-small-text {
  direction: rtl;
  text-align: right;
}

/* Keep headings/content visually organized inside their existing backgrounds. */
html[dir="rtl"] .abc-text,
html[dir="rtl"] .abc-title,
html[dir="rtl"] .abc-subtitle {
  unicode-bidi: plaintext;
}

/* On the Arabic home page, the two main text frames remain explicitly right-aligned. */
html[dir="rtl"] #section-accueil .abc-text,
html[dir="rtl"] #section-accueil .abc-title {
  text-align: right;
}

/* Preserve the shared language-menu appearance while allowing RTL text rendering. */
html[dir="rtl"] .abc-language-nav-item {
  /* In RTL, keep the separator on the right edge of the language group,
     directly between the main menu and the language links. */
  direction: rtl;
}

html[dir="rtl"] .abc-language-nav-item .abc-language-link {
  /* Keep each language label itself readable left-to-right where needed. */
  direction: ltr;
  unicode-bidi: isolate;
}

/* Mobile/tablet: retain the existing responsive geometry and only change text direction. */
@media (max-width: 991px) {
  html[dir="rtl"] .abc-text,
  html[dir="rtl"] .abc-title,
  html[dir="rtl"] .abc-subtitle {
    text-align: right;
  }
}


/* Arabic home page: the two blue text frames use the same right alignment. */
html[dir="rtl"] #section-accueil .abc-group-elements-2 .abc-text,
html[dir="rtl"] #section-accueil .abc-group-elements-3 .abc-text {
  text-align: right;
  direction: rtl;
}


/* Reference and contact corrections are maintained in index.css to preserve the page-specific geometry. */