/* 1. Hilangkan semua jarak/padding bawaan pada pembungkus header */
.pkp_structure_head,
.pkp_head_wrapper,
.pkp_site_name_wrapper,
.pkp_site_name {
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
}

/* 2. KUNCI UTAMA: Menghilangkan celah kecil di bawah gambar (whitespace) */
.pkp_head_wrapper {
    line-height: 0 !important;
}

/* 3. Mengatur Link Gambar agar memenuhi container */
.pkp_site_name a.is_img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 4. Mengatur Gambar Banner agar Responsif dan Penuh */
.pkp_site_name .is_img img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: none !important;
    /* Gunakan object-fit jika ingin gambar sedikit 'mengisi' area jika rasio beda */
    object-fit: cover !important; 
}
/* Mengatur background baris menu agar penuh dan biru */
.pkp_navigation_primary_wrapper {
    background-color: #003366 !important; /* Warna biru sesuai logo */
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Mengatur agar teks menu ada di tengah dan bersih */
.pkp_navigation_primary {
    max-width: 1100px; /* Menyelaraskan lebar menu dengan lebar konten */
    margin: 0 auto !important;
    list-style: none;
}

/* Mengatur tampilan teks tombol menu */
.pkp_navigation_primary > li > a {
    color: #4DC8C1 !important; /* Teks jadi putih */
    font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; /* Font standar OJS */
    font-size: 14px;
    font-weight: 600;
    padding: 15px 20px !important;
    display: block;
    transition: background 0.3s ease;
}

/* Mengatur efek saat kursor menempel (Hover) */
.pkp_navigation_primary > li > a:hover {
    background-color: #00264d !important; /* Biru lebih gelap saat hover */
    color: #4DC8C1 !important;
    text-decoration: none !important;
}
@media (min-width: 992px) {
    .pkp_navigation_primary_row {
        /* Mengubah background merah/putih menjadi biru logo */
        background: #003366 !important; 
        
        /* Menghilangkan padding yang menyebabkan sisa putih */
        padding-left: 0 !important;
        padding-right: 0 !important;
        
        /* Memastikan baris ini memenuhi lebar container */
        max-width: none !important;
    }
    
    /* Menyelaraskan teks menu agar tidak terlalu mepet ke pinggir layar */
    .pkp_navigation_primary {
        padding-left: 15px !important;
    }
}