/* ===================================
   Site-wide Arabic Font Overrides
   =================================== */

/* Override Bootstrap and theme fonts */
.container, .container-fluid, .row, .col {
    font-family: 'Cairo', 'Tajawal', sans-serif !important;
}

/* Bootstrap component overrides */
.navbar-brand {
    font-family: 'Cairo', sans-serif !important;
    font-weight: 700;
}

.dropdown-menu {
    font-family: 'Cairo', 'Tajawal', sans-serif !important;
}

.modal-content, .modal-header, .modal-body {
    font-family: 'Cairo', 'Tajawal', sans-serif !important;
}

/* Form validation messages */
.invalid-feedback, .valid-feedback {
    font-family: 'Cairo', 'Tajawal', sans-serif !important;
}

/* Pagination */
.pagination .page-link {
    font-family: 'Cairo', sans-serif !important;
}

/* Breadcrumb */
.breadcrumb-item {
    font-family: 'Cairo', 'Tajawal', sans-serif !important;
}

/* Progress bars */
.progress-bar {
    font-family: 'Cairo', sans-serif !important;
}

/* Toasts and notifications */
.toast, .toast-body {
    font-family: 'Cairo', 'Tajawal', sans-serif !important;
}

/* Accordion */
.accordion-button {
    font-family: 'Cairo', sans-serif !important;
    font-weight: 600;
}

/* List groups */
.list-group-item {
    font-family: 'Cairo', 'Tajawal', sans-serif !important;
}

/* Badges */
.badge {
    font-family: 'Cairo', sans-serif !important;
    font-weight: 600;
}

/* Tooltips */
.tooltip {
    font-family: 'Cairo', 'Tajawal', sans-serif !important;
}

/* Popovers */
.popover {
    font-family: 'Cairo', 'Tajawal', sans-serif !important;
}

/* Override any theme-specific font classes */
.font-rubik, .font-gordita, .font-dm-sans {
    font-family: 'Cairo', 'Tajawal', sans-serif !important;
}

/* Ensure proper font rendering for Arabic */
body {
    font-feature-settings: "kern" 1, "liga" 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Improve readability for Arabic text */
p, div, span, li {
    text-rendering: optimizeLegibility;
}