/* ==========================================================================
   rs-ar.css: the Arabic site (/ar/..., html[lang="ar"][dir="rtl"]), 2026-11-06.
   Loaded after the mirrored stylesheets (assets/css/rtl/) by includes/i18n.php.
   - IBM Plex Sans Arabic for everything (icon fonts keep theirs on ::before)
   - no letter-spacing: it breaks the joined Arabic script
   - more line height for headings, which suit Arabic's taller letters
   - arrows and chevrons point the other way, mirrored around their own
     icon's centre so two-part arrows stay whole
   - phone numbers stay left to right
   ========================================================================== */
html[lang="ar"] body,
html[lang="ar"] body *,
html[lang="ar"] body *:not(#rs-ar-font) {
    font-family: "IBM Plex Sans Arabic", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    letter-spacing: 0 !important;
}

html[lang="ar"] body {
    line-height: 1.75;
}

html[lang="ar"] body :is(h1, h2, h3, h4, h5, h6, [class*="__title"], [class*="-title"], [class*="__name"], [class*="__h2"], [class*="-h2"], [class*="-h1"]) {
    line-height: 1.4 !important;
}

html[lang="ar"] body :is(p, li, dd, [class*="__text"], [class*="__desc"], [class*="__lead"], [class*="__sub"]) {
    line-height: 1.85;
}

/* uppercase labels have no meaning in Arabic; keep them at a readable size */
html[lang="ar"] body *:not(#rs-ar-case) {
    text-transform: none !important;
}

/* arrows and chevrons */
html[dir="rtl"] :is(
    path[d^="M5 12h14"],
    path[d^="m9 6 6 6"],
    path[d^="m9 5 7 7"],
    path[d^="m15 6-6 6"],
    path[d^="m15 5-7 7"],
    path[d^="M7 17 17 7"],
    path[d^="M1 6h25"],
    path[d^="M21 1l5 5"],
    path[d^="M1 5h21"],
    path[d^="M3 9l6-6"],
    path[d^="M6 18 18 6"],
    path[d^="M19 12H5"],
    path[d^="M11 6l-6 6"],
    path[d^="M12 5l7 7"],
    path[d^="M5 12h14M12 5"]
) {
    transform: scaleX(-1);
    transform-box: view-box;
    transform-origin: 50% 50%;
}

/* numbers that must read left to right inside Arabic text */
html[dir="rtl"] .rs-ltr {
    direction: ltr;
    unicode-bidi: isolate;
}

/* the language switch reads in Arabic script on English pages and in Latin on Arabic ones */
html[lang="ar"] .rs-lang span {
    font-family: "Helvetica Neue", "Inter", Helvetica, Arial, sans-serif !important;
}

/* the header's "Menu" button label (drawn by the stylesheet) */
html[lang="ar"] .header-menu-collaps::before,
html[lang="ar"] body .header-menu-collaps:not(#rs-ar-menu)::before {
    content: "القائمة" !important;
    font-family: "IBM Plex Sans Arabic", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    letter-spacing: 0 !important;
}