/* ── Right-to-left pages (Arabic, Urdu) ───────────────────────────────────────
 * Loaded after theme.css when is_rtl(). theme.css already uses logical properties (inline-start/end), so layout mirrors on
 * its own; this file only sets fonts and line height for the scripts and flips the few direction-bearing glyphs.
 * Fonts are the system's own (no downloads): Inter has no Arabic glyphs.
 */

:root {
    --ucsc-font: 'Noto Sans Arabic', 'Segoe UI', Tahoma, 'Geeza Pro', 'Arabic UI Text', 'Inter Variable', system-ui, sans-serif;
}

/* Urdu reads best in Nastaliq, which needs extra line height */
html[lang|='ur'] {
    --ucsc-font: 'Noto Nastaliq Urdu', 'Jameel Noori Nastaleeq', 'Urdu Typesetting', 'Noto Sans Arabic', 'Segoe UI', Tahoma,
        system-ui, sans-serif;
}

html[lang|='ur'] body,
html[lang|='ur'] .ucsc-prose {
    line-height: 2;
}

body {
    letter-spacing: 0;
}

h1 {
    letter-spacing: 0;
}

/* Arabic script has no capitals; spaced uppercase labels read badly */
.ucsc-state-picker__group {
    text-transform: none;
    letter-spacing: 0;
}

/* Breadcrumb separator points the reading direction */
.ucsc-breadcrumbs li + li::before {
    content: '‹';
}

/* Numbers, phone numbers and dates stay left to right inside RTL text */
.ucsc-hotline__list a,
.ucsc-footer__hotline-list a,
.ucsc-byline__dates dd,
.ucsc-prose td,
.ucsc-prose th {
    unicode-bidi: plaintext;
}