/* 1. Hilangkan batasan lebar container header agar bisa membentang penuh / proporsional */
.pkp_structure_head .pkp_site_nav,
.pkp_structure_head .pkp_head_wrapper {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* 2. Atur wadah logo agar berada di tengah dan leluasa */
.pkp_site_name_wrapper {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    padding: 10px 0 !important;
}

/* 3. Atur gambar banner agar proporsional dan responsif */
.pkp_site_name_wrapper a.is_img img,
.pkp_site_name_wrapper img {
    max-height: none !important;      /* Menghapus batas tinggi bawaan OJS */
    height: auto !important;          /* Mempertahankan rasio aspek gambar */
    width: auto !important;
    max-width: 90% !important;        /* Banner tampil besar dan tetap ada jarak tepi */
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
}

/* 4. Menyesuaikan posisi menu navigasi agar rapi di bawah banner */
.pkp_navigation_primary_wrapper {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important; /* Menu rata tengah */
}