/* =========================
   HRSD Font
   Path:
   public/fonts/hrsd
========================= */

@font-face {
    font-family: 'HRSD';
    src: url('/fonts/hrsd/HRSD-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HRSD';
    src: url('/fonts/hrsd/HRSD-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HRSD';
    src: url('/fonts/hrsd/HRSD-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HRSD';
    src: url('/fonts/hrsd/HRSD-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HRSD';
    src: url('/fonts/hrsd/HRSD-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HRSD';
    src: url('/fonts/hrsd/HRSD-Title.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* =========================
   Tajawal Font
   Path:
   public/fonts/tajawal
========================= */

@font-face {
    font-family: 'Tajawal';
    src: url('/fonts/tajawal/Tajawal-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tajawal';
    src: url('/fonts/tajawal/Tajawal-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tajawal';
    src: url('/fonts/tajawal/Tajawal-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tajawal';
    src: url('/fonts/tajawal/Tajawal-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tajawal';
    src: url('/fonts/tajawal/Tajawal-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tajawal';
    src: url('/fonts/tajawal/Tajawal-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tajawal';
    src: url('/fonts/tajawal/Tajawal-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* =========================
   Cairo Font
   Path:
   public/fonts/cairo
========================= */

@font-face {
    font-family: 'Cairo';
    src: url('/fonts/cairo/Cairo-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: url('/fonts/cairo/Cairo-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: url('/fonts/cairo/Cairo-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: url('/fonts/cairo/Cairo-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: url('/fonts/cairo/Cairo-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: url('/fonts/cairo/Cairo-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: url('/fonts/cairo/Cairo-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: url('/fonts/cairo/Cairo-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* =========================
   General Font Settings
   الخط النشط يحدد من AdminPanelProvider.php
========================= */

html,
body {
    font-size: 17px;
}

/* جعل Filament يرث الخط المختار من AdminPanelProvider */
.fi-body,
.fi-main,
.fi-page,
.fi-section,
.fi-ta,
.fi-fo,
.fi-modal,
.fi-topbar,
.fi-sidebar {
    font-family: inherit !important;
}

/* عناوين الصفحات */
.fi-header-heading {
    font-size: 1.55rem !important;
    font-weight: 800 !important;
    line-height: 1.6 !important;
}

/* وصف الصفحة */
.fi-header-subheading {
    font-size: 1rem !important;
    line-height: 1.8 !important;
}

/* القائمة العلوية والجانبية */
.fi-topbar,
.fi-sidebar,
.fi-sidebar-item-label,
.fi-topbar-item-label {
    font-size: 1rem !important;
}

/* الجداول */
.fi-ta-header-cell,
.fi-ta-text,
.fi-ta-cell {
    font-size: 0.98rem !important;
    line-height: 1.75 !important;
}

/* النماذج والحقول */
.fi-fo-field-wrp-label,
.fi-input,
.fi-select-input,
.fi-textarea,
.fi-fo-field-wrp-helper-text {
    font-size: 1rem !important;
    line-height: 1.75 !important;
}

/* الأزرار */
.fi-btn {
    font-size: 0.98rem !important;
    font-weight: 600 !important;
}

/* البادجات والحالات */
.fi-badge {
    font-size: 0.88rem !important;
    font-weight: 700 !important;
}

/* الداشبوردات والبطاقات المخصصة */
.hrkpi-dashboard,
.hrkpi-info-card,
.ekd-shell {
    font-family: inherit !important;
    font-size: 1rem;
}

/* عناوين الداشبورد */
.hrkpi-title,
.ekd-hero-title {
    font-weight: 800 !important;
    letter-spacing: 0 !important;
}

/* النصوص الوصفية داخل الداشبورد */
.hrkpi-note,
.hrkpi-subtitle,
.ekd-hero-text,
.ekd-indicator-detail,
.ekd-chart-card p {
    font-size: 1rem !important;
    line-height: 1.85 !important;
}

/* أرقام المؤشرات */
.hrkpi-value strong,
.ekd-stat-card strong,
.ekd-metric-box strong {
    font-weight: 800 !important;
}