/*
 * Sarvel — الخط العربي (Dubai)
 *
 * ملف مستقل لا جزء من حزمة Vite: الأصول مبنية مسبقاً وتُرفع بلا
 * npm run build على الاستضافة، فأي إضافة في resources/css/app.css
 * لا تصل إلى المتصفح حتى يُعاد البناء.
 *
 * النسخة الأصلية موجودة أيضاً في resources/css/app.css كمصدر حقيقة
 * لأي بناء مستقبلي — والقواعد متطابقة فلا تعارض.
 */

/* ======================== ARABIC FONT: Dubai ======================== */
@font-face {
    font-family: 'Dubai';
    src: url('/fonts/AR/Dubai/Dubai-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

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

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

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

/* الخط لا يملك وزن 600/800 — نوجّههما إلى Bold بدل أن يصطنع المتصفح
   وزناً ثقيلاً صناعياً (faux bold) يشوّه أطراف الحروف العربية. */
@font-face {
    font-family: 'Dubai';
    src: url('/fonts/AR/Dubai/Dubai-Bold.ttf') format('truetype');
    font-weight: 600 900;
    font-style: normal;
    font-display: swap;
}

/* تطبيق الخط العربي على الواجهة كلها في وضع RTL.
   
   مكتوب كـCSS صريح لا كصنف Tailwind: الأصول مبنية مسبقاً وتُرفع بلا
   npm run build، فصنف مثل font-arabic لن يوجد في الحزمة المبنية.
   
   العناصر النموذجية (input/textarea/select/button) لا ترث خط body
   افتراضياً في المتصفحات، فتُذكر صراحةً. */
html[dir="rtl"],
html[dir="rtl"] body,
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select,
html[dir="rtl"] button,
html[dir="rtl"] optgroup {
    font-family: 'Dubai', 'Almarai', system-ui, -apple-system, sans-serif;
}