/*
 * Latin digits everywhere (ticket #256, extends #197).
 *
 * Native date/time inputs are rendered by the BROWSER's own locale — an
 * Arabic-locale Chrome shows Arabic-Indic digits (٢٧/٠٨/٢٠٢٦) in every
 * <input type="date">, and the lang attribute is ignored, so no markup or
 * ordinary CSS can change it. These @font-face rules re-declare the Tajawal
 * family for ONLY the Arabic-Indic digit codepoints (U+0660-0669, U+06F0-06F9)
 * using glyphs copied from Tajawal's own Latin 0-9, so any Arabic-Indic digit
 * rendered in a Tajawal context displays with Latin digit shapes.
 *
 * MUST load AFTER every other Tajawal @font-face/link (later-defined faces win
 * for overlapping unicode-range). Latin digits, Arabic letters and all other
 * text are untouched — those codepoints fall through to the real Tajawal.
 */
@font-face {
    font-family: 'Tajawal';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    unicode-range: U+0660-0669, U+06F0-06F9;
    src: url('fonts/Tajawal-LatinDigits-Regular.woff2') format('woff2');
}
@font-face {
    font-family: 'Tajawal';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    unicode-range: U+0660-0669, U+06F0-06F9;
    src: url('fonts/Tajawal-LatinDigits-Medium.woff2') format('woff2');
}
@font-face {
    font-family: 'Tajawal';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    unicode-range: U+0660-0669, U+06F0-06F9;
    src: url('fonts/Tajawal-LatinDigits-Bold.woff2') format('woff2');
}
@font-face {
    font-family: 'Tajawal';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    unicode-range: U+0660-0669, U+06F0-06F9;
    src: url('fonts/Tajawal-LatinDigits-ExtraBold.woff2') format('woff2');
}

/*
 * Native date/time controls inherit their font into the shadow segments, but a
 * few sit inside elements whose font-family stack does not include Tajawal.
 * Force the family here so the digit override always applies to them.
 */
input[type='date'],
input[type='datetime-local'],
input[type='time'],
input[type='month'],
input[type='week'] {
    font-family: 'Tajawal', ui-sans-serif, system-ui, sans-serif;
}