/* ========================================================
   SMM Matrix - Unified Professional Cairo Typography System
   Matches Admin Panel & Modern RTL Design Standards
   ======================================================== */

@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&display=swap');

/* --- Override CSS Variables in themes --- */
:root {
    --body-font: 'Cairo', -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, sans-serif !important;
    --heading-font: 'Cairo', -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, sans-serif !important;
}

/* --- Global Cairo Application for RTL / Arabic --- */
html[lang="ar"],
html[dir="rtl"],
html[dir="rtl"] body,
body.rtl,
[dir="rtl"] {
    font-family: 'Cairo', -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif !important;
}

/* Headings & Titles */
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4, [dir="rtl"] h5, [dir="rtl"] h6,
body.rtl h1, body.rtl h2, body.rtl h3, body.rtl h4, body.rtl h5, body.rtl h6,
[dir="rtl"] .h1, [dir="rtl"] .h2, [dir="rtl"] .h3, [dir="rtl"] .h4, [dir="rtl"] .h5, [dir="rtl"] .h6,
[dir="rtl"] .pagetitle h1, [dir="rtl"] .pagetitle h2, [dir="rtl"] .pagetitle h3,
body.rtl .pagetitle h1, body.rtl .pagetitle h2, body.rtl .pagetitle h3 {
    font-family: 'Cairo', sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
}

/* Body Text, Paragraphs, Spans, Links */
[dir="rtl"] p, body.rtl p,
[dir="rtl"] span, body.rtl span,
[dir="rtl"] a, body.rtl a,
[dir="rtl"] li, body.rtl li,
[dir="rtl"] label, body.rtl label,
[dir="rtl"] small, body.rtl small {
    font-family: 'Cairo', sans-serif !important;
}

/* Sidebar & Navigation */
[dir="rtl"] .sidebar, body.rtl .sidebar,
[dir="rtl"] .sidebar-nav, body.rtl .sidebar-nav,
[dir="rtl"] .sidebar-nav .nav-link, body.rtl .sidebar-nav .nav-link,
[dir="rtl"] .sidebar-nav .nav-link span, body.rtl .sidebar-nav .nav-link span,
[dir="rtl"] .sidebar-nav .nav-content a, body.rtl .sidebar-nav .nav-content a,
[dir="rtl"] .navbar, body.rtl .navbar,
[dir="rtl"] .navbar-nav .nav-link, body.rtl .navbar-nav .nav-link,
[dir="rtl"] .dropdown-menu, body.rtl .dropdown-menu,
[dir="rtl"] .dropdown-item, body.rtl .dropdown-item,
[dir="rtl"] .header, body.rtl .header,
[dir="rtl"] .header-nav, body.rtl .header-nav {
    font-family: 'Cairo', sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
}

/* Cards, Tables, Badges, Forms */
[dir="rtl"] .card, body.rtl .card,
[dir="rtl"] .card-title, body.rtl .card-title,
[dir="rtl"] .card-header, body.rtl .card-header,
[dir="rtl"] .card-body, body.rtl .card-body,
[dir="rtl"] table, body.rtl table,
[dir="rtl"] th, body.rtl th,
[dir="rtl"] td, body.rtl td,
[dir="rtl"] input, body.rtl input,
[dir="rtl"] select, body.rtl select,
[dir="rtl"] textarea, body.rtl textarea,
[dir="rtl"] .form-control, body.rtl .form-control,
[dir="rtl"] .form-select, body.rtl .form-select,
[dir="rtl"] .form-check-label, body.rtl .form-check-label,
[dir="rtl"] .btn, body.rtl .btn,
[dir="rtl"] .badge, body.rtl .badge,
[dir="rtl"] .modal, body.rtl .modal,
[dir="rtl"] .alert, body.rtl .alert {
    font-family: 'Cairo', sans-serif !important;
}

/* Preserve FontAwesome & Icon Fonts */
[dir="rtl"] i, [dir="rtl"] i.fa-light, [dir="rtl"] i.fa-regular, [dir="rtl"] i.fa-solid,
[dir="rtl"] i.fa, [dir="rtl"] i.fas, [dir="rtl"] i.far, [dir="rtl"] i.fal, [dir="rtl"] i.bi,
[dir="rtl"] [class*="fa-"], [dir="rtl"] [class*="bi-"],
body.rtl i, body.rtl [class*="fa-"], body.rtl [class*="bi-"] {
    font-family: "Font Awesome 6 Pro", "Font Awesome 6 Free", "bootstrap-icons" !important;
}

/* Smooth Font Rendering */
html[dir="rtl"], body.rtl {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}