/*
 * Additions for right-to-left languages (Arabic), loaded after the
 * rtlcss-generated *.rtl.css files. Those mirror margins, paddings, floats
 * and text alignment; what they cannot know is handled here.
 */

/* Inter has no Arabic glyphs; Latin brand names keep using Inter. */
:root {
    --ar-font-sans-serif: "IBM Plex Sans Arabic", "Inter", sans-serif;
}

/* Letter spacing breaks the joining of Arabic letters. */
[lang="ar"],
[lang="ar"] * {
    letter-spacing: normal !important;
}

/* Directional icons and the breadcrumb divider point the other way. */
[dir="rtl"] .ai-arrow-right,
[dir="rtl"] .ai-arrow-left,
[dir="rtl"] .ai-chevron-right,
[dir="rtl"] .ai-chevron-left,
[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    transform: scaleX(-1);
}