/*Write your custom css in this file.*/

/* Apply Tajawal font when Arabic language is selected (RTL direction) */
html[dir="rtl"],
html[dir="rtl"] body,
html[dir="rtl"] * {
    font-family: 'Tajawal', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
}

/* Ensure all text elements use Tajawal in Arabic */
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"] p,
html[dir="rtl"] span,
html[dir="rtl"] div,
html[dir="rtl"] a,
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select,
html[dir="rtl"] label,
html[dir="rtl"] td,
html[dir="rtl"] th,
html[dir="rtl"] li,
html[dir="rtl"] .form-control,
html[dir="rtl"] .select2-container,
html[dir="rtl"] .select2-selection,
html[dir="rtl"] .modal-title,
html[dir="rtl"] .btn,
html[dir="rtl"] .dropdown-menu,
html[dir="rtl"] .navbar,
html[dir="rtl"] .sidebar {
    font-family: 'Tajawal', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
}