/* ================================
   OJS 3.3 – FIX MENU HITAM
   ================================ */

/* 1. HAPUS background hitam */
.pkp_navigation_primary_wrapper,
.pkp_navigation_primary,
.pkp_navigation_primary > li {
    background: #ffffff !important;
}

/* 2. Warna teks menu */
.pkp_navigation_primary > li > a {
    color: #111827 !important; /* hitam jelas */
    font-weight: 600;
}

/* 3. Hover menu */
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
    background: #f3f4f6 !important;
    color: #000 !important;
    border-radius: 4px;
}

/* 4. Menu aktif */
.pkp_navigation_primary > li.current > a,
.pkp_navigation_primary > li > a[aria-current="page"] {
    background: #e5e7eb !important;
    color: #000 !important;
    border-radius: 4px;
}

/* 5. Hilangkan efek shadow / overlay gelap */
.pkp_navigation_primary_wrapper:before,
.pkp_navigation_primary_wrapper:after {
    display: none !important;
}

/* 6. Pastikan posisi menu rapi */
.pkp_navigation_primary_wrapper {
    border-top: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
    z-index: 1000;
}