/*
 * Judges Theme - Arabic (RTL) Compatibility Fix
 * -----------------------------------------------
 * This file ONLY applies when the site language is RTL (Arabic),
 * because every rule is scoped under body.rtl. It does not affect
 * the English (LTR) version of the site at all.
 *
 * What it fixes:
 * 1) The theme's default fonts (Lato / Playfair Display) have no
 *    Arabic glyphs, so browsers were silently falling back to a
 *    generic system font -> inconsistent, broken-looking Arabic text.
 * 2) The theme uses letter-spacing on headings/buttons/labels for a
 *    stylistic Latin look. Letter-spacing breaks Arabic letter
 *    connections (Arabic letters become disconnected), so it must
 *    be neutralized in RTL mode.
 * 3) The animated counters (Odometer.js - the "500+" style numbers)
 *    render each digit as a separate element side by side. In RTL
 *    mode the browser flips the visual order of those elements, so
 *    the number appears reversed (e.g. 250 shows as 052). Forcing
 *    the counter itself to stay LTR internally fixes the digit
 *    order without affecting the RTL layout around it.
 */

body.rtl {
    --judges-font: "Cairo", "Lato", sans-serif;
    --judges-font-two: "Cairo", "Playfair Display", serif;
}

/* Neutralize letter-spacing globally in RTL only (fixes disconnected Arabic letters) */
body.rtl,
body.rtl * {
    letter-spacing: normal !important;
}

/* Arabic numerals/quotes look better slightly larger line-height in some tight spots */
body.rtl {
    font-feature-settings: normal;
}

/* Fix reversed numbers in the animated counters (Odometer.js) */
body.rtl .odometer {
    direction: ltr !important;
    unicode-bidi: bidi-override !important;
    display: inline-block !important;
}