/* 1. MENGATUR STRUKTUR HEADER AGAR BERTUMPUK & SEJAJAR DENGAN BODY (SIMETRIS) */
.pkp_head_wrapper, 
.navbar-header, 
.navbar .container-fluid,
.pkp_structure_head {
    display: flex !important;
    flex-direction: column !important;
    max-width: 1170px !important; /* Batas maksimal lebar mengikuti body standar OJS */
    margin: 0 auto !important; /* Memposisikan di tengah layar */
    padding: 0 !important;
    width: 100% !important;
}

/* 2. MENGATUR GAMBAR BANNER AGAR PRESISI DI DALAM BATAS */
.pkp_site_name_wrapper, 
.navbar-brand,
.pkp_site_name {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
    float: none !important;
}

.pkp_site_name .is_img img, 
.navbar-brand img {
    width: 100% !important;
    max-height: none !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
}

/* 3. MENGATUR MENU NAVIGASI (KOTAK HIJAU) AGAR SEJAJAR DENGAN BANNER & BODY */
.pkp_navigation_primary_row,
.pkp_navigation_primary_wrapper, 
.navbar-collapse {
    width: 100% !important;
    max-width: 1170px !important; /* Menyamakan lebar kotak hijau dengan banner & body */
    margin: 0 auto !important;
    display: flex !important;
    background-color: #198754 !important;
    padding: 5px 15px !important; /* Memberi jarak padding di dalam kotak hijau */
    clear: both !important;
    border-radius: 0 0 5px 5px; /* Opsional: membuat sudut bawah kotak hijau sedikit melengkung agar manis */
}

/* 4. WARNA TEKS MENU PUTIH AGAR JELAS TERBACA */
.pkp_navigation_primary a, 
.navbar-nav > li > a {
    color: #ffffff !important;
    font-weight: bold;
}
/* 5. MEMPERBAIKI GAMBAR TOOLS DI SIDEBAR AGAR TIDAK KELUAR KOTAK */
.pkp_structure_sidebar .pkp_block img,
.pkp_structure_sidebar img {
    max-width: 100% !important; /* Memaksa gambar mengikuti lebar sidebar */
    height: auto !important;
    display: block;
    margin: 0 auto 10px auto;
}