/* 1. MEMBERI RUANG DI BAWAH HEADER UNTUK MENAMPUNG MENU */
.pkp_structure_head {
    position: relative !important;
    padding-top: 40px !important; /* Ruang atas untuk tombol login */
    padding-bottom: 50px !important; /* MEMBUAT RUANG KOSONG DI BAWAH BANNER UNTUK TEMPAT MENU ABOUT */
}

/* 2. MEMAKSA MENU UTAMA (ABOUT, ARCHIVES, DLL) PINDAH KE PALING BAWAH BANNER */
.pkp_navigation_primary_wrapper {
    position: absolute !important;
    bottom: 0 !important; /* Mengunci posisi menu tepat di batas paling bawah area header */
    left: 0 !important;
    width: 100% !important;
    background-color: #f8f9fa !important; /* Warna latar belakang menu (abu-abu muda) */
    border-top: 1px solid #e5e5e5 !important;
    border-bottom: 1px solid #e5e5e5 !important;
    z-index: 999 !important;
}

/* 3. Menyelaraskan teks menu utama agar rapi */
.pkp_navigation_primary {
    padding: 10px 20px !important;
}

.pkp_navigation_primary a {
    color: #333333 !important; 
    font-weight: bold !important;
}

/* 4. MENERANGKAN POSISI TOMBOL LOGIN & REGISTER DI KANAN ATAS */
.pkp_navigation_user_wrapper {
    position: absolute !important;
    top: 10px !important; 
    right: 20px !important;
    z-index: 9999 !important; /* Lapisan paling depan agar tidak tertutup */
    background: transparent !important;
}

/* 5. Menyembunyikan judul teks duplikat bawaan OJS */
.pkp_site_name_wrapper {
    display: none !important;
}