/**
 * نظام الخطوط العربية - Washeej Arabic Typography System
 * ========================================================
 * 
 * خطوط مختارة:
 * - Tajawal: خط عربي حديث ومقروء (للعناوين والنصوص)
 * - Cairo: خط احتياطي للعناوين
 * 
 * تاريخ التحديث: يناير 2026
 */

/* استيراد خط Tajawal من Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800;900&family=Cairo:wght@400;500;600;700;800&display=swap');

/* متغيرات CSS للخطوط العربية */
:root {
    --arabic-heading-font: "Tajawal", "Cairo", "Segoe UI", Tahoma, sans-serif;
    --arabic-body-font: "Tajawal", "Cairo", "Segoe UI", Tahoma, sans-serif;
}

/* تطبيق الخطوط عند اختيار اللغة العربية */
html[lang="ar"],
html[dir="rtl"] {
    font-family: var(--arabic-body-font);
}

html[lang="ar"] body,
html[dir="rtl"] body {
    font-family: var(--arabic-body-font);
    line-height: 1.8;
    letter-spacing: 0;
}

/* العناوين بخط عربي احترافي */
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"] .section-heading__title,
html[lang="ar"] .card-title,
html[lang="ar"] .modal-title,
html[lang="ar"] .page-title,
html[lang="ar"] .navbar-brand,
html[lang="ar"] .container-top__title,
html[lang="ar"] .dashboard-header__title,
html[lang="ar"] .banner__title,
html[lang="ar"] .hero__title,
html[lang="ar"] .pricing-card__title,
html[lang="ar"] .feature-card__title,
html[lang="ar"] .breadcrumb-title,
html[lang="ar"] .page-header__title,
html[lang="ar"] .dashboard-body__bar-left h6,
html[lang="ar"] .dashboard-body__bar-left h5,
html[lang="ar"] .dashboard-body__bar-left h4,
html[lang="ar"] .sidebar-menu-list__link,
html[lang="ar"] .sidebar-menu-list__link span,
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"] .section-heading__title,
html[dir="rtl"] .card-title,
html[dir="rtl"] .modal-title,
html[dir="rtl"] .page-title,
html[dir="rtl"] .navbar-brand,
html[dir="rtl"] .container-top__title,
html[dir="rtl"] .dashboard-header__title,
html[dir="rtl"] .banner__title,
html[dir="rtl"] .hero__title,
html[dir="rtl"] .pricing-card__title,
html[dir="rtl"] .feature-card__title,
html[dir="rtl"] .breadcrumb-title,
html[dir="rtl"] .page-header__title,
html[dir="rtl"] .dashboard-body__bar-left h6,
html[dir="rtl"] .dashboard-body__bar-left h5,
html[dir="rtl"] .dashboard-body__bar-left h4,
html[dir="rtl"] .sidebar-menu-list__link,
html[dir="rtl"] .sidebar-menu-list__link span {
    font-family: var(--arabic-heading-font);
    font-weight: 700;
}

/* الأزرار بخط Cairo للوضوح */
html[lang="ar"] .btn,
html[lang="ar"] button,
html[lang="ar"] input[type="submit"],
html[lang="ar"] input[type="button"],
html[lang="ar"] .nav-link,
html[dir="rtl"] .btn,
html[dir="rtl"] button,
html[dir="rtl"] input[type="submit"],
html[dir="rtl"] input[type="button"],
html[dir="rtl"] .nav-link {
    font-family: var(--arabic-heading-font);
    font-weight: 600;
}

/* حقول الإدخال */
html[lang="ar"] input,
html[lang="ar"] textarea,
html[lang="ar"] select,
html[lang="ar"] .form-control,
html[lang="ar"] .form-select,
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select,
html[dir="rtl"] .form-control,
html[dir="rtl"] .form-select {
    font-family: var(--arabic-body-font);
}

/* التسميات والوصف */
html[lang="ar"] label,
html[lang="ar"] .form-label,
html[lang="ar"] p,
html[lang="ar"] span,
html[lang="ar"] li,
html[lang="ar"] td,
html[lang="ar"] th,
html[dir="rtl"] label,
html[dir="rtl"] .form-label,
html[dir="rtl"] p,
html[dir="rtl"] span,
html[dir="rtl"] li,
html[dir="rtl"] td,
html[dir="rtl"] th {
    font-family: var(--arabic-body-font);
}

/* القائمة الجانبية */
html[lang="ar"] .sidebar-menu-list__link,
html[lang="ar"] .sidebar-submenu-list__link,
html[dir="rtl"] .sidebar-menu-list__link,
html[dir="rtl"] .sidebar-submenu-list__link {
    font-family: var(--arabic-body-font);
    font-weight: 500;
}

/* الجداول */
html[lang="ar"] .table,
html[dir="rtl"] .table {
    font-family: var(--arabic-body-font);
}

/* تعديلات للحجم في العربية */
html[lang="ar"] .section-heading__title,
html[dir="rtl"] .section-heading__title {
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    line-height: 1.4;
}

html[lang="ar"] .section-heading__desc,
html[dir="rtl"] .section-heading__desc {
    font-size: 1.1rem;
    line-height: 1.9;
}

/* تحسين قراءة النصوص الطويلة */
html[lang="ar"] .content-area,
html[lang="ar"] .blog-content,
html[lang="ar"] .faq-content,
html[dir="rtl"] .content-area,
html[dir="rtl"] .blog-content,
html[dir="rtl"] .faq-content {
    font-size: 1.05rem;
    line-height: 2;
}

/* ============================
   تحسينات RTL إضافية
   ============================ */

/* تصحيح اتجاه الأيقونات */
html[lang="ar"] .fa-arrow-right:before,
html[dir="rtl"] .fa-arrow-right:before {
    content: "\f060"; /* arrow-left */
}

html[lang="ar"] .fa-arrow-left:before,
html[dir="rtl"] .fa-arrow-left:before {
    content: "\f061"; /* arrow-right */
}

html[lang="ar"] .fa-chevron-right:before,
html[dir="rtl"] .fa-chevron-right:before {
    content: "\f053"; /* chevron-left */
}

html[lang="ar"] .fa-chevron-left:before,
html[dir="rtl"] .fa-chevron-left:before {
    content: "\f054"; /* chevron-right */
}

/* تصحيح المسافات في القوائم */
html[lang="ar"] .list-group-item,
html[dir="rtl"] .list-group-item {
    text-align: right;
}

/* تصحيح البادج والشارات */
html[lang="ar"] .badge,
html[dir="rtl"] .badge {
    font-family: var(--arabic-body-font);
}

/* تصحيح التنبيهات */
html[lang="ar"] .alert,
html[dir="rtl"] .alert {
    text-align: right;
}

/* تحسين عرض الأرقام */
html[lang="ar"] .price,
html[lang="ar"] .amount,
html[lang="ar"] .number,
html[dir="rtl"] .price,
html[dir="rtl"] .amount,
html[dir="rtl"] .number {
    direction: ltr;
    display: inline-block;
}

/* ============================
   Admin Panel Specific
   ============================ */

html[lang="ar"] .sidebar__logo-text,
html[dir="rtl"] .sidebar__logo-text {
    font-family: var(--arabic-heading-font);
    font-weight: 700;
}

html[lang="ar"] .breadcrumb-title,
html[dir="rtl"] .breadcrumb-title {
    font-family: var(--arabic-heading-font);
}

html[lang="ar"] .card-header h5,
html[lang="ar"] .card-header h6,
html[dir="rtl"] .card-header h5,
html[dir="rtl"] .card-header h6 {
    font-family: var(--arabic-heading-font);
    font-weight: 600;
}

/* ============================
   Print Styles
   ============================ */
@media print {
    html[lang="ar"] *,
    html[dir="rtl"] * {
        font-family: var(--arabic-body-font) !important;
    }
}