/* Loaded only for html[dir="rtl"] (Arabic). Most layout already flips for
   free via flexbox/grid's direction-awareness — this file only covers the
   handful of spots that don't: Arabic-script fonts, physical (not logical)
   left/right declarations, and directional icons. */

/* === Arabic-script fonts (Big Shoulders Display / Public Sans / IBM Plex
   Mono have no Arabic glyphs) === */
@font-face {
    font-family: 'Noto Kufi Arabic';
    font-style: normal;
    font-weight: 700 800;
    font-display: swap;
    src: url('../fonts/noto-kufi-arabic-800.woff2') format('woff2');
    unicode-range: U+0600-06FF, U+0750-077F, U+FB50-FDFF, U+FE70-FEFC;
}

@font-face {
    font-family: 'IBM Plex Sans Arabic';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/ibm-plex-sans-arabic-400.woff2') format('woff2');
    unicode-range: U+0600-06FF, U+0750-077F, U+FB50-FDFF, U+FE70-FEFC;
}

@font-face {
    font-family: 'IBM Plex Sans Arabic';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/ibm-plex-sans-arabic-600.woff2') format('woff2');
    unicode-range: U+0600-06FF, U+0750-077F, U+FB50-FDFF, U+FE70-FEFC;
}

:root {
    --font-display: 'Noto Kufi Arabic', 'Big Shoulders Display', 'Arial Narrow', sans-serif;
    --font-body: 'IBM Plex Sans Arabic', 'Public Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-mono: 'IBM Plex Sans Arabic', 'IBM Plex Mono', 'Courier New', monospace;
}

/* === Physical left/right that doesn't flip on its own === */
.key-decision {
    border-left: none;
    border-right: 3px solid var(--signal);
    padding-left: 0;
    padding-right: var(--space-4);
}

/* === Directional icons: mirror so "forward" still reads right-to-left === */
.hero-slider__arrow svg,
.lightbox__arrow svg {
    transform: scaleX(-1);
}