/* 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. /* Login & Register */
.pkp_navigation_user_wrapper {
    position: relative !important;
    float: right !important;
    margin-top: 10px !important;
    margin-right: 80px !important;
    z-index: 9999 !important;
}

.pkp_navigation_user {
    display: flex !important;
    align-items: center !important;
    gap: 10px;
}

.pkp_navigation_user {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}

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