/* 1. Memaksa pembungkus luar header memenuhi 100% lebar layar */
.pkp_structure_head {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 2. Menghilangkan batasan lebar kontainer dalam tema Manuscript */
.pkp_structure_head .pkp_navigation_primary_wrapper {
    max-width: 100% !important;
    padding: 0 !important;
    position: relative !important; /* Sebagai jangkar posisi menu login */
}

/* 3. Mengatur area logo/banner agar membentang penuh */
.pkp_site_name {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}

.pkp_site_name > a {
    display: block !important;
    padding: 0 !important;
    width: 100% !important;
}

/* 4. Memaksa gambar banner memenuhi layar secara penuh (Edge-to-Edge) */
.pkp_site_name .is_img img {
    width: 100% !important;
    height: auto !important;
    max-height: 210px !important;
    display: block !important;
    margin: 0 !important;
    object-fit: cover !important; /* Gambar otomatis mengisi penuh area tanpa distorsi */
}

/* 5. Mengunci posisi menu Login dan Register di pojok kanan atas banner */
.pkp_navigation_user_wrapper {
    position: absolute !important;
    top: 15px !important;
    right: 30px !important;
    z-index: 999 !important;
}

/* 6. Membuat teks link Login/Register menjadi putih terang dan tebal */
.pkp_navigation_user > li > a {
    color: #ffffff !important;
    font-weight: bold !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9) !important; /* Bayangan hitam tebal agar teks sangat jelas */
}

/* Efek saat kursor diarahkan ke menu */
.pkp_navigation_user > li > a:hover {
    color: #dddddd !important;
    text-decoration: underline !important;
}

.pkp_brand_footer {
    display: none !important;
}