/* ============================================
   ARABIC FONTS OPTIMIZATION
   Improved fonts for better readability
   ============================================ */

/* Use Google Fonts for better Arabic support - خطوط عربية احترافية */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&family=Cairo:wght@300;400;500;600;700;800;900&family=Tajawal:wght@300;400;500;600;700;800;900&display=swap');

/* ============================================
   FORCE FONT APPLICATION - تطبيق الخط بشكل إجباري على جميع العناصر
   ============================================ */

/* ============================================
   FORCE FONT APPLICATION - تطبيق الخط بشكل إجباري
   ============================================ */

/* تطبيق على العناصر الأساسية فقط لتجنب تعارض الأيقونات */
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
div,
a,
input,
textarea,
select,
button,
.btn,
.badge,
.alert,
label,
table,
th,
td {
    font-family: 'Tajawal', 'IBM Plex Sans Arabic', 'Cairo', sans-serif !important;
}

/* Specific font weights for better hierarchy - خط IBM Plex Sans Arabic للعناوين */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Tajawal', 'IBM Plex Sans Arabic', 'Cairo', sans-serif !important;
    font-weight: 600;
    letter-spacing: 0.1px;
}

strong,
b,
.font-bold {
    font-weight: 700;
    font-family: 'Tajawal', 'IBM Plex Sans Arabic', 'Cairo', sans-serif !important;
}

/* Button and link fonts */
button,
.btn,
a,
.main-nav a,
.btn-primary,
.btn-secondary,
.btn-link,
.cart-link {
    font-family: 'Tajawal', 'IBM Plex Sans Arabic', 'Cairo', sans-serif !important;
    font-weight: 600;
}

/* Form labels */
label,
.form-group label {
    font-family: 'Tajawal', 'IBM Plex Sans Arabic', 'Cairo', sans-serif !important;
    font-weight: 600;
}

/* Table fonts */
table thead th {
    font-family: 'Tajawal', 'IBM Plex Sans Arabic', 'Cairo', sans-serif !important;
    font-weight: 600;
}

table tbody {
    font-family: 'Tajawal', 'IBM Plex Sans Arabic', 'Cairo', sans-serif !important;
    font-weight: 500;
}

/* Card headers */
.card-header h2 {
    font-family: 'Tajawal', 'IBM Plex Sans Arabic', 'Cairo', sans-serif !important;
    font-weight: 600;
}

/* Sidebar navigation */
.sidebar-nav a,
.sidebar-header .logo-text h3 {
    font-family: 'Tajawal', 'IBM Plex Sans Arabic', 'Cairo', sans-serif !important;
    font-weight: 600;
}

/* Admin header */
.admin-header h1 {
    font-family: 'Tajawal', 'IBM Plex Sans Arabic', 'Cairo', sans-serif !important;
    font-weight: 600;
}

/* Badges */
.badge {
    font-family: 'Tajawal', 'IBM Plex Sans Arabic', 'Cairo', sans-serif !important;
    font-weight: 600;
}

/* Stat labels */
.stat-label {
    font-family: 'Tajawal', 'IBM Plex Sans Arabic', 'Cairo', sans-serif !important;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Stat values */
.stat-value {
    font-family: 'Tajawal', 'IBM Plex Sans Arabic', 'Cairo', sans-serif !important;
    font-weight: 700;
}

/* Form inputs */
input,
textarea,
select {
    font-family: 'Tajawal', 'IBM Plex Sans Arabic', 'Cairo', sans-serif !important;
    font-weight: 500;
}

/* Header elements */
.main-header,
.main-nav,
.main-nav a,
.main-nav ul,
.main-nav li {
    font-family: 'Tajawal', 'IBM Plex Sans Arabic', 'Cairo', sans-serif !important;
}

/* Content elements */
.main-content,
.container,
.section-title,
.section-subtitle,
.product-name,
.product-price,
.category-name {
    font-family: 'Tajawal', 'IBM Plex Sans Arabic', 'Cairo', sans-serif !important;
}

/* Footer elements */
.main-footer,
.footer-section,
.footer-section h3,
.footer-section p,
.footer-section a {
    font-family: 'Tajawal', 'IBM Plex Sans Arabic', 'Cairo', sans-serif !important;
}

/* Ensure proper line height for Arabic */
body {
    line-height: 1.8;
}

/* Improve text rendering */
body,
html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* Alternative fonts if primary fonts fail to load */
@font-face {
    font-family: 'IBM Plex Sans Arabic-Fallback';
    src: local('Arial'), local('Helvetica'), sans-serif;
}

/* Ensure consistency across all admin elements */
.admin-container {
    font-feature-settings: 'rlig' 1, 'calt' 1;
    -webkit-font-feature-settings: 'rlig' 1, 'calt' 1;
}

/* Improve readability with better letter spacing for Arabic */
.admin-sidebar .sidebar-nav a,
.card h2,
.stat-label,
.badge {
    -webkit-font-feature-settings: 'rlig' 1, 'calt' 1;
    font-feature-settings: 'rlig' 1, 'calt' 1;
}

/* Print styles - maintain font quality */
@media print {

    body,
    html,
    * {
        font-family: 'Tajawal', 'IBM Plex Sans Arabic', 'Cairo', sans-serif !important;
    }
}

/* Mobile optimization */
@media (max-width: 768px) {
    body {
        font-size: 13px;
        line-height: 1.7;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        letter-spacing: 0.2px;
    }
}

@media (max-width: 576px) {
    body {
        font-size: 12px;
        line-height: 1.6;
    }
}