/* =========================================================
   ICEAT 2026 – HEADER & NAVIGATION STYLE (OJS)
   ========================================================= */

/* 1. شريط الهيدر الرئيسي */
.pkp_structure_head {
    background-color: #1F5F54 !important; /* أخضر ICEAT */
    border-bottom: 3px solid #d4ac0d;     /* خط ذهبي */
}

/* 2. القوائم الرئيسية */
.pkp_navigation_primary > li > a,
.pkp_navigation_user > li > a {
    color: #ffffff !important;
    font-weight: 600 !important;
    padding: 12px 14px !important;
    transition: all 0.3s ease;
}

/* 3. Hover للقوائم */
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_user > li > a:hover {
    color: #d4ac0d !important; /* ذهبي */
    background-color: rgba(255,255,255,0.08);
    border-radius: 4px;
}

/* 4. أزرار Login / Register */
.pkp_navigation_user .login a,
.pkp_navigation_user .register a {
    border: 1px solid #ffffff;
    border-radius: 4px;
    padding: 4px 12px !important;
    margin-left: 6px;
}

.pkp_navigation_user .login a:hover,
.pkp_navigation_user .register a:hover {
    background-color: #d4ac0d;
    color: #1F5F54 !important;
    border-color: #d4ac0d;
}

/* =========================================================
   MOBILE MENU (HAMBURGER)
   ========================================================= */

/* 5. زر القائمة (الهاتف) */
.navbar-toggle {
    background-color: #1F5F54 !important;
    border: 1px solid #ffffff !important;
    margin-top: 10px;
    border-radius: 4px;
}

/* خطوط زر القائمة */
.navbar-toggle .icon-bar {
    background-color: #ffffff !important;
}

/* Hover / Focus */
.navbar-toggle:hover,
.navbar-toggle:focus {
    background-color: #174a41 !important;
}

/* =========================================================
   MOBILE DROPDOWN MENU
   ========================================================= */

@media (max-width: 991px) {

    /* خلفية القائمة المنسدلة */
    .pkp_navigation_primary_wrapper {
        background-color: #1F5F54 !important;
        padding: 10px 0;
    }

    /* عناصر القائمة */
    .pkp_navigation_primary > li > a,
    .pkp_navigation_user > li > a {
        display: block;
        padding: 12px 20px !important;
        border-bottom: 1px solid rgba(255,255,255,0.15);
    }

    /* إزالة آخر خط */
    .pkp_navigation_primary > li:last-child > a {
        border-bottom: none;
    }
}

/* =========================================================
   LOGO & SITE TITLE (اختياري)
   ========================================================= */

.pkp_site_name a {
    color: #ffffff !important;
    font-weight: bold;
}

.pkp_site_name a:hover {
    color: #d4ac0d !important;
}