/**
 * Tajawal — Arabic typography (site-wide when locale is ar)
 */

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

html {
    font-family: 'Tajawal', 'Segoe UI', Tahoma, sans-serif;
}

body,
.main-body,
.main-content,
.main-header,
.app-content,
.app-sidebar,
.side-menu,
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
p, a, span, label, li, td, th, dt, dd,
.btn,
.form-control,
.form-select,
.input-group-text,
select,
textarea,
input,
.table,
.card,
.card-title,
.card-header,
.card-body,
.card-footer,
.nav-link,
.main-sidebar,
.sidebar,
.dropdown-menu,
.dropdown-item,
.modal-title,
.modal-body,
.breadcrumb,
.breadcrumb-item,
.alert,
.badge,
.page-title,
.accordion-button,
.list-group-item,
.toast,
.toast-body,
.dataTables_wrapper,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.select2-results__option,
.patient-form-page,
.patient-form-wrapper,
.patient-form-body,
.patient-history-wrapper,
[dir="rtl"] body,
[dir="rtl"] .logo {
    font-family: 'Tajawal', 'Segoe UI', Tahoma, sans-serif !important;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}