/*
 * TMS screen font for Dari and Pashto (2026-10-23).
 *
 * Bahij Droid Naskh is used on every screen when the language is Dari (fa)
 * or Pashto (ps). English keeps its existing font: nothing below applies
 * when <html lang="en">.
 *
 * The font files are bundled in public/assets/fonts/ui/, so the screens look
 * the same on every computer and need no internet. Printed bills keep their
 * own fonts (Vazirmatn / Noto Naskh Arabic, see PrintPage.blade.php).
 *
 * Icons are not affected: Bootstrap Icons and Font Awesome set their own
 * font on their ::before glyphs.
 */

@font-face {
    font-family: 'Bahij Droid Naskh';
    src: url('../fonts/ui/BahijDroidNaskh-Regular.woff2') format('woff2');
    font-weight: 100 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bahij Droid Naskh';
    src: url('../fonts/ui/BahijDroidNaskh-Bold.woff2') format('woff2');
    font-weight: 600 900;
    font-style: normal;
    font-display: swap;
}

/* One place to change the Dari / Pashto font. Tahoma is the fallback while
   the font loads or if a file is missing. */
html[lang="fa"],
html[lang="ps"] {
    --tms-ui-font: 'Bahij Droid Naskh', Tahoma, 'Segoe UI', sans-serif;
}

html[lang="fa"] body,
html[lang="ps"] body,
html[lang="fa"] :is(input, button, select, textarea, optgroup, table, h1, h2, h3, h4, h5, h6,
    .btn, .form-control, .form-select, .dropdown-menu, .tooltip, .popover, .modal,
    .select2-container, .select2-dropdown, .select2-results, .ui-widget, .ui-menu .ui-menu-item-wrapper,
    #toast-container, .toast, .swal2-popup, .swal2-title, .swal2-html-container,
    .flatpickr-calendar, .shamsi-datepicker),
html[lang="ps"] :is(input, button, select, textarea, optgroup, table, h1, h2, h3, h4, h5, h6,
    .btn, .form-control, .form-select, .dropdown-menu, .tooltip, .popover, .modal,
    .select2-container, .select2-dropdown, .select2-results, .ui-widget, .ui-menu .ui-menu-item-wrapper,
    #toast-container, .toast, .swal2-popup, .swal2-title, .swal2-html-container,
    .flatpickr-calendar, .shamsi-datepicker) {
    font-family: var(--tms-ui-font);
}