/* استيراد الخطوط المريحة للعين */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;900&display=swap');

/* الخط الأساسي: Cairo (خط عربي مريح ومتوفر عبر Google Fonts).
   ملاحظة: أُزيل @font-face الخاص بـ HelveticaNeueLT Arabic لأن ملفاته غير موجودة
   (كان يسبب أخطاء 404). لإعادته: ضع ملفات الخط في assets/fonts/ ثم أعد إضافة @font-face. */

body {
    font-family: 'Cairo', sans-serif;
}

/* حركة مخصصة للبوكس الزجاجي ليعطي فخامة عند تحميل الصفحة */
.glass-panel {
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    transition: all 0.4s ease-in-out;
}

/* تحسين شكل السكرول بار (Scrollbar) ليكون ناعم وذهبي وكحلي */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
    background: #FFB300;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #0B132B;
}

/* مسافة أمان عند النزول لسكشن الأقسام وتجربة المريض لمنع اختفاء العنوان خلف الناف بار */
#departments-section, 
#experience-section,
#faq-section {
    scroll-margin-top: 130px; /* هاي المسافة تعوض ارتفاع الناف بار وتخلي العنوان يظهر بشكل كامل ومريح للعين */
}