/* =============================================================
   MADDAH - Banner header proporsional
   Untuk OJS 3, tema turunan dari Default Theme.
   File ini hanya mengubah AREA HEADER & NAVIGASI.
   PENTING: Unggah sebagai pengganti Journal Style Sheet hanya
   setelah menyimpan cadangan styleSheet.css yang telah aktif.
   ============================================================= */

/* Area header mengikuti lebar kontainer jurnal */
.pkp_structure_head {
    width: 100%;
    box-sizing: border-box;
}

/* Wrapper nama situs dan banner */
.pkp_site_name_wrapper {
    box-sizing: border-box;
    width: 100%;
    padding-top: 12px;
    padding-bottom: 12px;
}

.pkp_site_name {
    box-sizing: border-box;
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

.pkp_site_name .is_img,
.pkp_site_name .is_img a {
    display: block;
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    margin: 0 auto;
    padding: 0;
}

/* Override batas tinggi/lebar logo bawaan tema OJS */
.pkp_site_name .is_img img,
.pkp_site_name img {
    display: block;
    box-sizing: border-box;
    width: 100%;
    max-width: 100% !important;
    max-height: none !important;
    height: auto !important;
    object-fit: contain;
    margin: 0 auto;
}

/* Menu tetap pada baris berikutnya, tanpa mengubah warna tema */
.pkp_navigation_primary_wrapper {
    clear: both;
    box-sizing: border-box;
}

/* Responsif di tablet dan ponsel */
@media (max-width: 767px) {
    .pkp_site_name_wrapper {
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .pkp_site_name {
        width: 100%;
        padding: 0 8px;
    }
    .pkp_site_name .is_img img,
    .pkp_site_name img {
        max-height: none !important;
        height: auto !important;
    }
}