/* تطبيق خط Tajawal على جميع عناصر Filament */

/* التطبيق الأساسي للخط */
.fi-app-layout *,
.fi-simple-layout *,
.fi-main *,
.fi-sidebar *,
.fi-topbar *,
.fi-page *,
.fi-section *,
.fi-form *,
.fi-table *,
.fi-modal *,
.fi-notification *,
.fi-widget * {
    font-family: 'Tajawal', 'Cairo', 'Noto Sans Arabic', sans-serif !important;
}

/* تطبيق الخط على العناصر الخاصة */
.fi-header *,
.fi-breadcrumbs *,
.fi-user-menu *,
.fi-global-search *,
.fi-resource-header *,
.fi-resource-tabs * {
    font-family: 'Tajawal', 'Cairo', 'Noto Sans Arabic', sans-serif !important;
}

/* تطبيق الخط على الجداول */
.fi-ta-table *,
.fi-ta-header *,
.fi-ta-cell *,
.fi-ta-actions * {
    font-family: 'Tajawal', 'Cairo', 'Noto Sans Arabic', sans-serif !important;
}

/* تطبيق الخط على النماذج */
.fi-fo-field-wrp *,
.fi-input *,
.fi-select *,
.fi-textarea *,
.fi-checkbox *,
.fi-radio * {
    font-family: 'Tajawal', 'Cairo', 'Noto Sans Arabic', sans-serif !important;
}

/* تطبيق الخط على الأزرار */
.fi-btn *,
.fi-icon-btn *,
.fi-dropdown-trigger * {
    font-family: 'Tajawal', 'Cairo', 'Noto Sans Arabic', sans-serif !important;
}

/* تطبيق الخط على الـ Navigation */
.fi-sidebar-nav *,
.fi-sidebar-nav-item *,
.fi-sidebar-nav-group * {
    font-family: 'Tajawal', 'Cairo', 'Noto Sans Arabic', sans-serif !important;
}

/* تطبيق الخط على الإحصائيات والويدجت */
.fi-stats-overview-widget *,
.fi-stats-overview-card *,
.fi-chart-widget *,
.fi-table-widget * {
    font-family: 'Tajawal', 'Cairo', 'Noto Sans Arabic', sans-serif !important;
}

/* تطبيق الخط على الـ modals والـ notifications */
.fi-modal-content *,
.fi-modal-header *,
.fi-modal-footer *,
.fi-notification *,
.fi-alert * {
    font-family: 'Tajawal', 'Cairo', 'Noto Sans Arabic', sans-serif !important;
}

/* تطبيق الخط على المكونات التفاعلية */
.fi-dropdown-list *,
.fi-dropdown-list-item *,
.fi-tooltip *,
.fi-popover * {
    font-family: 'Tajawal', 'Cairo', 'Noto Sans Arabic', sans-serif !important;
}

/* تطبيق الخط على حالات التحميل والأخطاء */
.fi-loading *,
.fi-spinner *,
.fi-validation-error *,
.fi-empty-state * {
    font-family: 'Tajawal', 'Cairo', 'Noto Sans Arabic', sans-serif !important;
}

/* تطبيق الخط على العناصر المخصصة في Dashboard */
.dashboard-container *,
.dashboard-header *,
.activity-timeline-widget *,
.top-customers-widget *,
.recent-activities-widget * {
    font-family: 'Tajawal', 'Cairo', 'Noto Sans Arabic', sans-serif !important;
}

/* تحسين أوزان الخط */
.fi-header-heading,
.fi-section-header-heading,
.fi-page-heading,
.fi-widget-heading,
.dashboard-title {
    font-weight: 700 !important;
}

.fi-stats-overview-card-value {
    font-weight: 700 !important;
}

.fi-btn-label,
.fi-sidebar-nav-item-label {
    font-weight: 500 !important;
}

/* تحسين اتجاه النص للغة العربية */
.fi-app-layout,
.fi-simple-layout {
    direction: rtl !important;
    text-align: right !important;
}

/* تحسين المسافات للنص العربي */
.fi-input,
.fi-textarea,
.fi-select {
    text-align: right !important;
    direction: rtl !important;
}

/* تحسين عرض الأرقام العربية */
.fi-stats-overview-card-value,
.fi-table td {
    font-variant-numeric: lining-nums !important;
}

/* ضمان التطبيق على العناصر المُحدثة ديناميكياً */
[x-data] *,
[x-show] *,
[x-if] *,
[wire\\:model] *,
[wire\\:click] *,
[livewire\\:] * {
    font-family: 'Tajawal', 'Cairo', 'Noto Sans Arabic', sans-serif !important;
}

/* تحسين الخط في حالة الطباعة */
@media print {
    * {
        font-family: 'Tajawal', 'Cairo', 'Noto Sans Arabic', serif !important;
    }
}

/* تحسين الخط على الشاشات الصغيرة */
@media (max-width: 768px) {
    .fi-app-layout *,
    .fi-simple-layout * {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }
}
