/* 1. RESET KONTAINER UTAMA: Menghancurkan semua batasan lebar */
.pkp_structure_head {
    padding: 0 !important;
}

.pkp_head_wrapper {
    display: block !important; /* Memaksa elemen bertumpuk vertikal */
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 2. AREA BANNER: Memastikan pembungkus mengambil 100% lebar layar */
.pkp_site_name_wrapper, 
.pkp_site_name, 
.pkp_site_name a {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important; /* Menghilangkan float kiri bawaan OJS */
}

/* 3. GAMBAR BANNER: Memaksa gambar mengikuti lebar pembungkus */
.pkp_site_name img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
	max-height: 250px !important; /* Anda bisa ubah angka ini untuk mengatur tinggi banner */
    display: block !important;
    margin: 0 !important;
}

/* 4. MENU NAVIGASI: Merapikan baris biru di bawah banner */
.pkp_navigation_primary_row {
    display: block !important;
    width: 100% !important;
    background-color: #005b8a !important; /* Warna biru seragam */
    padding: 0 250px !important;
    clear: both !important;
}

/* Menghilangkan margin pada menu admin di atas jika masih ada sela */
.pkp_navigation_user_wrapper {
    width: 100% !important;
    display: flex !important;
    justify-content: flex-end !important;
    padding: 5px 20px !important;
    box-sizing: border-box !important;
}