/* =========================================================
   OJS Clean Header Style - Soft Yellow Theme + Restored Register/Login
   ========================================================= */

/* 1. إخفاء البحث والمستطيل العلوي الزائد مع الإبقاء على زر التسجيل والدخول */
.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. إرجاع وتوضيح أزرار التسجيل والدخول (Register / Login) بشكل أزرار أنيقة */
.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: #0284c7 !important;  /* زر أزرق داكن متناسق مع باقي الأزرار */
    font-weight: 700 !important;
    font-size: 13px !important;
    text-decoration: none !important;
    padding: 6px 14px !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
    transition: all 0.2s ease !important;
    display: inline-block !important;
}

.pkp_navigation_user a:hover {
    background-color: #0369a1 !important;
    transform: translateY(-1px) !important;
}

/* 4. المستطيل الأبيض الرئيسي كبير ومريح */
.pkp_navigation_primary_wrapper, 
nav.pkp_navigation_primary_wrapper,
.pkp_head_wrapper,
header .container {
    background: #ffffff !important;
    padding: 25px 30px !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.06) !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* 5. اسم المجلة بلون جوزي عريض ومكبر */
.pkp_site_name, 
.pkp_site_name a, 
header h1, 
header h1 a {
    color: #5c3a21 !important;          /* لون جوزي دافئ */
    font-size: 32px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    display: block !important;
    margin-bottom: 22px !important;
}

/* 6. أزرار القائمة العلوية زرقاء ومستطيلة */
ul.pkp_navigation_primary, 
.pkp_navigation_primary {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

ul.pkp_navigation_primary > li > a,
.pkp_navigation_primary a {
    background-color: #0284c7 !important;   /* أزرار أزرق داكن */
    color: #ffffff !important;               /* نص أبيض واضح */
    font-size: 14px !important;
    font-weight: 700 !important;
    padding: 10px 18px !important;
    border-radius: 6px !important;           /* أزرار مستطيلة */
    text-decoration: none !important;
    display: inline-block !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
    transition: all 0.2s ease !important;
}

ul.pkp_navigation_primary > li > a:hover {
    background-color: #0369a1 !important;
    transform: translateY(-2px) !important;
}