/* ===================================================
   1. PENGATURAN GLOBAL HEADER (DESKTOP)
   =================================================== */
.pkp_structure_head {
    background-size: 100% auto !important; /* Memaksa gambar melebar 100% tanpa terpotong */
    background-position: top center !important;
    background-repeat: no-repeat !important;
    min-height: 215px !important; /* Tinggi pas untuk tampilan desktop komputer */
    padding: 0 !important;
}

.pkp_site_name_wrapper {
    display: block !important;
    min-height: 215px !important; /* Disamakan dengan min-height di atas agar menu terdorong rapi */
    margin: 0 !important;
    padding: 0 !important;
}

.pkp_site_name {
    display: none !important; 
}

/* ===================================================
   2. TRICK RESPONSIF: KHUSUS TAMPILAN HP (MOBILE)
   Layar di bawah 767px (ukuran HP pada umumnya)
   =================================================== */
@media (max-width: 767px) {
    .pkp_structure_head {
        /* Di HP, tinggi header otomatis mengecil mengikuti menyusutnya gambar banner */
        min-height: 100px !important; 
        background-size: 100% auto !important;
    }
    
    .pkp_site_name_wrapper {
        /* Ikut mengecil agar menu navigasi/tombol hamburger naik pas di bawah batas gambar */
        min-height: 90px !important; 
    }
}

/* ===================================================
   3. BAR MENU NAVIGASI (WARNA PER JURNAL)
   =================================================== */
.pkp_navigation_main_row {
    padding: 10px 20px !important;
    clear: both !important;
    
    /* CONTOH UNTUK JTEKMEN (Silakan ganti kode warna & border untuk Mediatek / Inopak) */
    background-color: #851818 !important;
    border-bottom: 4px solid #b91c1c !important; 
}