/**
 * Tajawal for all Arabic text.
 * - Arabic UI locale (lang=ar / dir=rtl): Tajawal is the primary UI font.
 * - Other locales: Tajawal sits in font stacks so Arabic glyphs (Hijri, prayer, etc.) render in Tajawal.
 */

:root {
    --font-arabic: 'Tajawal', Tahoma, 'Segoe UI', Arial, sans-serif;
}

/* Arabic script glyph fallback on every page */
html {
    font-family: 'Inter', var(--font-arabic), system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Full Arabic UI */
html[lang="ar"],
html[dir="rtl"] {
    --bs-body-font-family: var(--font-arabic);
    --bs-font-sans-serif: var(--font-arabic);
    --font-ui: var(--font-arabic);
    --font-display: var(--font-arabic);
}

html[lang="ar"] body,
html[dir="rtl"] body {
    font-family: var(--font-arabic) !important;
    letter-spacing: 0;
}

html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6,
html[lang="ar"] .display-1,
html[lang="ar"] .display-2,
html[lang="ar"] .display-3,
html[lang="ar"] .display-4,
html[lang="ar"] .display-5,
html[lang="ar"] .display-6,
html[lang="ar"] .navbar-brand,
html[lang="ar"] .side-dialog-title,
html[lang="ar"] .btn,
html[lang="ar"] .form-control,
html[lang="ar"] .form-select,
html[lang="ar"] .form-label,
html[lang="ar"] .nav-link,
html[lang="ar"] .dropdown-item,
html[lang="ar"] .badge,
html[lang="ar"] .table,
html[lang="ar"] .modal-title,
html[lang="ar"] .swal2-popup,
html[lang="ar"] .choices__inner,
html[lang="ar"] .choices__item,
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6,
html[dir="rtl"] .display-1,
html[dir="rtl"] .display-2,
html[dir="rtl"] .display-3,
html[dir="rtl"] .display-4,
html[dir="rtl"] .display-5,
html[dir="rtl"] .display-6,
html[dir="rtl"] .navbar-brand,
html[dir="rtl"] .side-dialog-title,
html[dir="rtl"] .btn,
html[dir="rtl"] .form-control,
html[dir="rtl"] .form-select,
html[dir="rtl"] .form-label,
html[dir="rtl"] .nav-link,
html[dir="rtl"] .dropdown-item,
html[dir="rtl"] .badge,
html[dir="rtl"] .table,
html[dir="rtl"] .modal-title,
html[dir="rtl"] .swal2-popup,
html[dir="rtl"] .choices__inner,
html[dir="rtl"] .choices__item {
    font-family: var(--font-arabic) !important;
    letter-spacing: 0;
}

/* Beat common inline Outfit/Inter hardcodes on Arabic pages */
html[lang="ar"] [style*="Outfit"],
html[lang="ar"] [style*="Inter"],
html[lang="ar"] [style*="outfit"],
html[lang="ar"] [style*="inter"],
html[dir="rtl"] [style*="Outfit"],
html[dir="rtl"] [style*="Inter"],
html[dir="rtl"] [style*="outfit"],
html[dir="rtl"] [style*="inter"] {
    font-family: var(--font-arabic) !important;
}

/* Explicit Arabic snippets on non-Arabic pages (Hijri, prayer, etc.) */
[lang="ar"],
.font-arabic,
.today-hijri,
.today-prayer-ar {
    font-family: var(--font-arabic) !important;
    letter-spacing: 0;
}