/* ==========================================================================
   PERBAIKAN HEADER JOSIS - FORCE RENDER HEIGHT TO 300PX (FULL WIDTH)
   ========================================================================== */

/* 1. Atur container terluar agar melar penuh 100% tanpa batas lebar */
header.pkp_structure_pageHeader {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
    position: relative !important;
}

/* 2. SINKRONISASI: Paksa semua kontainer pembungkus tepat di tinggi 300px / +40px dari pkp_head_wrapper */
.pkp_structure_head {
    background: none !important; /* Menghilangkan background hijau bawaan */
    border-bottom: 1px solid #ddd;
    height: 300px !important;    /* Disamakan menjadi 300px */
    min-height: 300px !important;
    max-height: 300px !important;
}

.pkp_head_wrapper, 
.has_site_logo .pkp_head_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    height: 260px !important;    /* Terkunci di 260px */
    min-height: 260px !important;
    max-height: 260px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
    display: block !important;
}

/* 3. Atur link dan nama situs di dalam wrapper agar presisi mengikuti 260px */
.pkp_site_name_wrapper, 
.pkp_site_name,
.pkp_site_name a.is_img {
    width: 100% !important;
    max-width: 100% !important;
    height: 260px !important;    /* Dipastikan ikut tinggi 260px */
    max-height: 260px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
}
.pkp_site_nav_menu {
    display: none;
}

/* 4. Paksa gambar banner meregang penuh secara responsif setinggi 260px */
.pkp_site_name img {
    width: 100% !important;
    max-width: 100% !important;
    height: 260px !important;    /* Memaksa render height ke 260px */
    min-height: 260px !important;
    max-height: 260px !important;
    display: block !important;
    
    /* 'cover' menjaga aspek rasio $1600 \times 319\text{ px}$ Anda tetap proporsional 
       dan tajam di layar monitor tanpa terlihat ditarik gepeng/ceper */
    object-fit: cover !important; 
    object-position: center !important;
}

/* 5. Menstabilkan menu navigasi utama agar terdorong rapi ke bawah banner */
.pkp_navigation_primary_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    position: relative !important;
    clear: both !important;        /* Memutus tumpang tindih dengan banner atas */
    display: block !important;
    z-index: 99999 !important;     /* Memastikan menu berada di lapisan terdepan agar bisa diklik */
    background-color: #ffffff !important; /* Memberikan background putih bersih pada baris menu */
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    color: #1a252f !important;     /* Warna hitam/abu-abu gelap yang elegan */
    font-weight: 600 !important;   /* Ketebalan teks sedang agar rapi */
}
/* 1. Target link dalam keadaan normal untuk memberikan efek transisi halus */
.pkp_navigation_primary_wrapper a {
    transition: color 0.3s ease-in-out !important;
}

/* 2. Target link saat di-hover */
.pkp_navigation_primary_wrapper a:hover {
    color: #d90429 !important; /* Menggunakan warna merah yang sedikit lebih elegan/modern */
}
/* 6. Menata posisi menu user (attaawun 104) tepat di bawah barcode */
#pkpNavUserWrapper {
    position: absolute !important;
    top: auto !important;          /* Menghapus kuncian atas sebelumnya */
    bottom: 15px !important;       /* Memposisikan teks di bagian bawah header */
    right: 25px !important;        /* Menyelaraskan sisi kanan agar sejajar dengan barcode */
    z-index: 99999 !important;
    display: block !important;
}

/* Mengubah teks menu user menjadi gelap dan kontras */
#pkpNavUserWrapper a {
    color: #1a252f !important;     /* Warna hitam/abu-abu gelap yang elegan */
    font-weight: 600 !important;   /* Ketebalan teks sedang agar rapi */
    font-size: 0.9em !important;   /* Sedikit mengecilkan ukuran teks agar proporsional */
    text-shadow: 1px 1px 1px #ffffff !important; /* Efek bayangan putih tipis agar teks tetap terlihat tajam */
}

/* Memastikan ikon dropdown panah kecil (jika ada) ikut berwarna gelap */
#pkpNavUserWrapper a::after {
    color: #1a252f !important;
}