/* ========================================================
   HEADER BANNER SATU GAMBAR (RESPONSIF & RAPI)
   ======================================================== */

/* Reset latar belakang header agar tidak memuat gambar ganda */
.pkp_structure_head {
    background-image: none !important;
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Wadah banner logo */
.pkp_site_name_wrapper {
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    display: block !important;
}

.pkp_site_name {
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
}

.pkp_site_name .is_img {
    max-height: none !important;
    display: block !important;
}

/* Banner melebar proporsional penuh selebar layar */
.pkp_site_name .is_img img {
    width: 100% !important;
    max-width: 100% !important;
    max-height: none !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
}

/* Bilah Menu Navigasi Utama */
.pkp_navigation_primary_row,
.pkp_navigation_primary_wrapper {
    background-color: #008B45 !important;
    border-top: 2px solid #7CB342 !important;
    border-bottom: 2px solid #004D25 !important;
}

.pkp_navigation_primary > li > a {
    color: #ffffff !important;
    font-weight: 600 !important;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
    background-color: #7CB342 !important;
    color: #ffffff !important;
}

.pkp_navigation_primary .pkp_search input[type="text"] {
    border: 1px solid #7CB342 !important;
}
/* ========================================================
   MENYELARASKAN LEBAR FOOTER AGAR PRESISI DENGAN KONTEN
   ======================================================== */

/* 1. Samakan lebar wadah footer dengan lebar kolom konten utama */
.pkp_structure_footer_wrapper {
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 20px auto !important;
    max-width: 1140px !important; /* Lebar standar container OJS */
    width: 100% !important;
}

/* 2. Format isi footer hijau agar lebarnya pas sejajar kolom artikel/kiri */
.pkp_structure_footer {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 3. Sembunyikan footer bawaan / barcode lama jika masih muncul */
.pkp_structure_footer p:has(img[src*="772961"]),
.pkp_structure_footer img[src*="772961"] {
    display: none !important;
}