/* 1. Mengubah struktur header agar banner di atas dan menu di bawah */
.pkp_head_wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 15px 20px !important; /* Memberi sedikit ruang agar tidak mepet ujung layar */
}

/* 2. Mengatur kontainer banner agar berada di tengah */
.pkp_site_name_wrapper {
    width: 100% !important;
    text-align: center !important;
    margin-bottom: 15px !important; /* Memberi jarak antara banner dan menu */
}

/* 3. Menyesuaikan ukuran banner agar pas, tidak terlalu raksasa di desktop */
.pkp_site_name .is_img img {
    width: 100% !important;
    max-width: 1100px !important; /* Batas lebar maksimal ideal untuk layar laptop/PC */
    max-height: none !important;
    height: auto !important;
    display: inline-block !important;
}

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

/* 5. Menyamakan warna background header (opsional, jika ingin background ikut merah) */
.pkp_structure_head {
    background-color: #8b181b; 
    border-bottom: none !important;
}

/* 6. Mengubah warna teks menu menjadi putih agar terbaca di background merah */
.pkp_navigation_primary a {
    color: #ffffff !important;
}
.pkp_navigation_primary a:hover {
    color: #ffd700 !important; /* Warna emas saat menu disorot mouse */
}