/* IBM Plex Sans Arabic Font Family - Font Declarations */
@font-face {
    font-family: 'IBM Plex Sans Arabic';
    src: url('../fonts/IBM_Plex_Sans_Arabic/IBMPlexSansArabic-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'IBM Plex Sans Arabic';
    src: url('../fonts/IBM_Plex_Sans_Arabic/IBMPlexSansArabic-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'IBM Plex Sans Arabic';
    src: url('../fonts/IBM_Plex_Sans_Arabic/IBMPlexSansArabic-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'IBM Plex Sans Arabic';
    src: url('../fonts/IBM_Plex_Sans_Arabic/IBMPlexSansArabic-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'IBM Plex Sans Arabic';
    src: url('../fonts/IBM_Plex_Sans_Arabic/IBMPlexSansArabic-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'IBM Plex Sans Arabic';
    src: url('../fonts/IBM_Plex_Sans_Arabic/IBMPlexSansArabic-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'IBM Plex Sans Arabic';
    src: url('../fonts/IBM_Plex_Sans_Arabic/IBMPlexSansArabic-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

/* Global Font Application for Arabic Text */

/* Apply IBM Plex Sans Arabic to all Arabic text */
[lang="ar"],
[lang="ar-EG"],
[lang="ar-SA"],
[lang="ar-AE"],
[lang="ar-KW"],
[lang="ar-QA"],
[lang="ar-BH"],
[dir="rtl"] {
    font-family: 'IBM Plex Sans Arabic', 'Segoe UI', 'Tahoma', 'Arial', sans-serif !important;
}

/* Apply to specific Arabic language codes */
html[lang="ar"] body,
html[lang="ar-EG"] body,
html[lang="ar-SA"] body,
html[lang="ar-AE"] body,
html[lang="ar-KW"] body,
html[lang="ar-QA"] body,
html[lang="ar-BH"] body {
    font-family: 'IBM Plex Sans Arabic', 'Segoe UI', 'Tahoma', 'Arial', sans-serif !important;
}

/* Apply to RTL direction elements */
[dir="rtl"] body,
[dir="rtl"] div,
[dir="rtl"] p,
[dir="rtl"] span,
[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6,
[dir="rtl"] li,
[dir="rtl"] td,
[dir="rtl"] th,
[dir="rtl"] input,
[dir="rtl"] textarea,
[dir="rtl"] button,
[dir="rtl"] label {
    font-family: 'IBM Plex Sans Arabic', 'Segoe UI', 'Tahoma', 'Arial', sans-serif !important;
}

/* Bootstrap overrides for Arabic */
[dir="rtl"] .navbar,
[dir="rtl"] .navbar-brand,
[dir="rtl"] .navbar-nav,
[dir="rtl"] .nav-link,
[dir="rtl"] .btn,
[dir="rtl"] .form-control,
[dir="rtl"] .alert,
[dir="rtl"] .card,
[dir="rtl"] .modal,
[dir="rtl"] .table {
    font-family: 'IBM Plex Sans Arabic', 'Segoe UI', 'Tahoma', 'Arial', sans-serif !important;
}

/* Django admin specific overrides for Arabic */
[dir="rtl"] .admin-interface,
[dir="rtl"] .admin-interface * {
    font-family: 'IBM Plex Sans Arabic', 'Segoe UI', 'Tahoma', 'Arial', sans-serif !important;
}

/* Keep Material Icons for toolbar buttons */
[dir="rtl"] .admin-interface .prose-menubar__button.material-icons {
    font-family: 'Material Icons' !important;
}

/* Form fields and labels in Arabic */
[dir="rtl"] .admin-interface label,
[dir="rtl"] .admin-interface .help,
[dir="rtl"] .admin-interface .help-text,
[dir="rtl"] .admin-interface .field-help {
    font-family: 'IBM Plex Sans Arabic', 'Segoe UI', 'Tahoma', 'Arial', sans-serif !important;
}

/* Headers and titles in Arabic */
[dir="rtl"] .admin-interface h1,
[dir="rtl"] .admin-interface h2,
[dir="rtl"] .admin-interface h3,
[dir="rtl"] .admin-interface h4,
[dir="rtl"] .admin-interface h5,
[dir="rtl"] .admin-interface h6,
[dir="rtl"] .admin-interface .title,
[dir="rtl"] .admin-interface .page-title {
    font-family: 'IBM Plex Sans Arabic', 'Segoe UI', 'Tahoma', 'Arial', sans-serif !important;
}