/* ملف التنسيقات المخصصة - نسخة الألوان المريحة */

/* 1. تنسيق الصندوق العام للقائمة */
.navbar-custom .dropdown-menu {
    background-color: #ffffff !important;
    border: none !important;
    border-top: 3px solid #b8860b !important; /* ذهبي مطفي (Dark Goldenrod) بدلاً من البرتقالي */
    box-shadow: 0 10px 30px rgba(0, 51, 102, 0.1) !important; /* ظل يميل للأزرق خفيف جداً */
    border-radius: 0 0 12px 12px !important;
    padding: 8px 0 !important;
    text-align: right !important;
}

/* 2. تنسيق عناصر القائمة (الوضع الطبيعي) */
.navbar-custom .dropdown-item {
    font-family: 'Jawadtaut-1', sans-serif !important;
    color: #444444 !important; /* رمادي غامق مريح للعين */
    font-size: 1.05rem !important;
    padding: 12px 25px !important;
    transition: all 0.2s ease-in-out !important;
}

/* 3. تأثير مرور الماوس (Hover) - الألوان المريحة الجديدة */
.navbar-custom .dropdown-item:hover {
    background-color: #f0f7ff !important; /* خلفية زرقاء سماوية فاتحة جداً (مريحة جداً) */
    color: #003366 !important; /* يتحول النص للأزرق الرسمي العميق */
    padding-right: 30px !important; /* حركة انزلاقية ناعمة */
    border-right: 4px solid #b8860b; /* خط جانبي صغير ذهبي يعطي لمسة فخامة */
}

/* 4. الخط الفاصل بين العناصر */
.navbar-custom .dropdown-divider {
    border-top: 1px solid #f0f0f0 !important;
    margin: 5px 0 !important;
}

/* 5. تنسيق السهم في القائمة العلوية */
.navbar-custom .dropdown-toggle::after {
    color: #ffffff !important; /* السهم يبقى أبيض ليتماشى مع النص العلوي */
    opacity: 0.7;
}

.section-title {
    font-family: 'Jawadtaut-1', sans-serif !important;
    font-size: 1.7rem !important;
    color: #003366 !important; /* الأزرق الرسمي */
    border-bottom: 3px solid #b8860b !important; /* الذهبي المطفي */
    padding-bottom: 5px;
    margin-bottom: 20px;
    display: table !important; /* نستخدم table بدلاً من inline-block لضمان الالتزام باليمين مع الحفاظ على طول الخط السفلي */
    text-align: right !important;
    margin-right: 0 !important;
    margin-left: auto !important;
}