/**
 * Typography: Noto Kufi Arabic (Google Fonts) — خط كوفي عربي مجاني مناسب للويب.
 *
 * لاستخدام خط «Kufi Nano» أو أي خط كوفي آخر محلياً:
 * 1) انسخ ملفات .woff2 إلى public/fonts/kufi-nano/
 * 2) أضف @font-face { font-family: 'Kufi Nano'; src: url('/public/fonts/kufi-nano/KufiNano.woff2') format('woff2'); }
 * 3) استبدل "Noto Kufi Arabic" بـ "Kufi Nano" في هذا الملف.
 */
html[lang="ar"],
html.rtl,
html[lang="ar"] body,
html.rtl body {
    font-family: "Noto Kufi Arabic", "Segoe UI", Tahoma, sans-serif;
}

/* Apply Arabic font to text-heavy elements only. */
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"] p,
html[lang="ar"] li,
html[lang="ar"] a,
html[lang="ar"] label,
html[lang="ar"] input,
html[lang="ar"] textarea,
html[lang="ar"] button,
html[lang="ar"] select,
html[lang="ar"] .form-control,
html[lang="ar"] .form-select,
html[lang="ar"] .btn,
html[lang="ar"] .card,
html[lang="ar"] .table,
html[lang="ar"] .modal-content,
html[lang="ar"] .dropdown-menu,
html[lang="ar"] .toast,
html.rtl h1,
html.rtl h2,
html.rtl h3,
html.rtl h4,
html.rtl h5,
html.rtl h6,
html.rtl p,
html.rtl li,
html.rtl a,
html.rtl label,
html.rtl input,
html.rtl textarea,
html.rtl button,
html.rtl select,
html.rtl .form-control,
html.rtl .form-select,
html.rtl .btn,
html.rtl .card,
html.rtl .table,
html.rtl .modal-content,
html.rtl .dropdown-menu,
html.rtl .toast {
    font-family: "Noto Kufi Arabic", "Segoe UI", Tahoma, sans-serif !important;
}

/* Important: do not force icon font families here.
   Icon packs (Font Awesome / Themify / Flaticon) manage their own families. */

/* Keep Notice Board card perfectly centered in Arabic layout. */
html[lang="ar"] .notice-section .col-xl-10,
html.rtl .notice-section .col-xl-10 {
    margin-left: auto !important;
    margin-right: auto !important;
}

html[lang="ar"] .notice-section .offset-xl-1,
html.rtl .notice-section .offset-xl-1 {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Keep Funfact/Counter card centered in Arabic layout too. */
html[lang="ar"] .funfact .col-md-10,
html.rtl .funfact .col-md-10 {
    margin-left: auto !important;
    margin-right: auto !important;
}

html[lang="ar"] .funfact .offset-md-1,
html.rtl .funfact .offset-md-1 {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Keep Edulia hero background parity with English in Arabic/RTL. */
html[lang="ar"] .hero_area,
html.rtl .hero_area {
    background-color: #1f252f !important;
}

html[lang="ar"] .hero_area::before,
html.rtl .hero_area::before {
    background-color: rgba(22, 28, 39, 0.5) !important;
}