/* ============================================================
   1. HEADER & LOGO (MEMBUAT SEPERTI GAMBAR 2)
   ============================================================ */

/* Memusatkan Logo di Tengah */
header.pkp_structure_head .pkp_site_name_wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 0 20px 0;
    float: none !important;
    width: 100%;
    background-color: #ffffff;
}

header.pkp_structure_head .pkp_site_name {
    text-align: center;
    float: none !important;
    margin: 0 auto;
}

header.pkp_structure_head .pkp_site_name .is_img img {
    max-height: 140px; /* Ukuran logo, silakan sesuaikan */
    width: auto;
    display: block;
}

/* ============================================================
   2. NAVIGASI MENU (CENTERED & CLEAN)
   ============================================================ */

/* Memusatkan Menu Navigasi Utama */
.pkp_navigation_primary_wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
    float: none !important;
    margin: 0;
    padding: 15px 0;
    border-top: 1px solid #eeeeee; /* Garis pembatas atas */
    border-bottom: 1px solid #eeeeee; /* Garis pembatas bawah */
}

.pkp_navigation_primary {
    display: flex !important;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.pkp_navigation_primary li {
    margin: 0 15px; /* Jarak antar menu */
}

.pkp_navigation_primary li a {
    color: #333333 !important;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.5px;
}

.pkp_navigation_primary li a:hover {
    color: #a52a2a !important; /* Warna merah marun saat kursor di atas menu */
}

/* Memindahkan Login/Register ke Pojok Kanan Atas */
.pkp_navigation_user_wrapper {
    position: absolute;
    top: 15px;
    right: 30px;
    float: none !important;
}

.pkp_navigation_user li a {
    font-size: 12px;
    color: #777 !important;
}

/* ============================================================
   3. MENGHAPUS BAGIAN CURRENT ISSUE & SEARCH
   ============================================================ */

/* Menghapus Bagian Current Issue di Halaman Home */
.page_index_journal .current_issue,
.page_index_journal .current_issue_title,
.page_index_journal .obj_issue_toc,
.page_index_journal section.current_issue {
    display: none !important;
    visibility: hidden !important;
}

/* Menghilangkan Judul Halaman yang Muncul Otomatis */
.page_index_journal .page_title {
    display: none !important;
}

/* Menghilangkan Search Bar di Header agar Bersih */
.pkp_navigation_primary .search_link,
.pkp_structure_head_search {
    display: none !important;
}

/* ============================================================
   4. PERAPIHAN TAMPILAN (OPTIMASI)
   ============================================================ */

/* Menghilangkan garis biru atau border default OJS yang mengganggu */
.pkp_structure_head {
    border-top: none !important;
}

/* Responsif untuk HP agar tetap rapi */
@media (max-width: 992px) {
    .pkp_navigation_user_wrapper {
        position: static;
        text-align: center;
        padding: 10px;
    }
    .pkp_navigation_primary {
        flex-direction: column;
        align-items: center;
    }
    .pkp_navigation_primary li {
        margin: 5px 0;
    }
}