/* ==========================================================
   1. TEKNIK BREAKOUT: MEMAKSA BANNER KELUAR DARI CONTAINER
   ========================================================== */

/* Menghilangkan background bawaan wadah banner agar tidak merusak visual */
.pkp_site_name_wrapper {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important; /* Memastikan gambar tidak terpotong saat melebar */
}

/* Memaksa link pembungkus gambar untuk melebar */
.pkp_site_name_wrapper a.is_img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* KUNCI UTAMA: Memaksa gambar banner kuning melar penuh ke ujung layar kiri-kanan */
.pkp_site_name img, 
.pkp_site_name_wrapper a.is_img img {
    display: block !important;
    
    /* Teknik Breakout 100vw */
    width: 100vw !important; 
    max-width: 100vw !important;
    
    /* Menarik paksa gambar ke ujung kiri dan kanan browser */
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    
    /* Mengatur Tinggi Banner */
    height: auto !important;
    min-height: 180px !important; /* Mengatur tinggi minimal banner agar lebih proporsional */
    object-fit: fill !important;  /* Memaksa gambar ditarik penuh hingga menyentuh ujung */
    
    padding: 0 !important;
    border: none !important;
}

/* ==========================================================
   2. MERAPIKAN NAVIGASI BARIS ATAS (TOP BAR)
   ========================================================== */
header.pkp_structure_head {
    background-color: #F7F002 !important; /* Warna Biru Tua UNDANA */
    width: 100% !important;
    padding: 10px 0 !important;
}

/* Menjaga tombol menu login/register tetap rapi di dalam batas monitor standar */
.pkp_navigation_user_wrapper {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}

ul.pkp_navigation_user {
    float: right !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

ul.pkp_navigation_user li a {
    color: #ffffff !important;
    font-weight: bold;
    text-transform: uppercase;
}