/* =========================================================
   OJS Clean Header Style - Soft Yellow Theme
   ========================================================= */

/* 1. إخفاء عناصر البحث والملاnavigation الزائدة */
.pkp_search, 
.block_search, 
form[role="search"], 
.pkp_search_desktop, 
.pkp_search_mobile,
#pkp_content_nav {
    display: none !important;
}

/* 2. خلفية الهيدر باللون الأصفر الفاتح */
header, .pkp_site_header {
    background-color: #fef08a !important; 
    background-image: none !important;
    padding: 25px 20px !important;
    border-bottom: 4px solid #eab308 !important;
    position: relative !important;
}

/* 3. أزرار المستخدم (تسجيل الدخول / الحساب) */
.pkp_navigation_user_wrapper,
.pkp_navigation_user,
ul.pkp_navigation_user,
.pkp_site_header .pkp_navigation_user {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    margin-bottom: 12px !important;
    list-style: none !important;
    padding: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.pkp_navigation_user a,
ul.pkp_navigation_user a {
    color: #ffffff !important;             
    background-color: #1e3a8a !important; 
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    padding: 8px 16px !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15) !important;
    transition: all 0.2s ease !important;
    display: inline-block !important;
}

/* 4. اسم المجلة بارز ومكبر بلون جوزي غامق */
.pkp_site_name, 
.pkp_site_name a, 
header h1, 
header h1 a {
    color: #4a2c11 !important;          
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    font-size: 42px !important;         
    font-weight: 900 !important;        
    letter-spacing: -0.5px !important;
    text-decoration: none !important;
    display: block !important;
    margin-bottom: 18px !important;
    line-height: 1.2 !important;
}

/* 5. تعديل خيارات القائمة (تغميق اللون وتكبير الخط بشكل واضح) */
ul.pkp_navigation_primary, 
.pkp_navigation_primary,
.pkp_navigation_primary_wrapper nav {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

/* استهداف روابط القائمة وتطبيق اللون الداكن والخط التخين */
ul.pkp_navigation_primary li a,
.pkp_navigation_primary a,
header nav a {
    color: #261405 !important;               /* لون بني غامق جداً/أسود مائل للجوزي للوضوح التام */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    font-size: 17px !important;               /* تكبير حجم الخط */
    font-weight: 800 !important;             /* خط عريض/غمق */
    text-decoration: none !important;
    padding: 6px 10px !important;
    transition: color 0.2s ease !important;
    opacity: 1 !important;
}

/* عند مرور الماوس على الخيارات */
ul.pkp_navigation_primary li a:hover,
.pkp_navigation_primary a:hover,
header nav a:hover {
    color: #0284c7 !important;               /* تغيير اللون عند التمرير إلى أزرق حيوي */
    text-decoration: underline !important;
}