/* 1. Hilangkan padding di area header agar gambar mentok ke tepi */
.pkp_site_name_wrapper {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100% !important; /* Memastikan wrapper bisa lebar penuh */
    width: 100% !important;
}

.pkp_site_name {
    padding: 0 !important;
    margin: 0 !important;
    min-width: 100%;
}

/* 2. Atur Gambar agar Full Width dan Tinggi Otomatis */
.pkp_site_name .is_img img {
    width: 100% !important;       /* Paksa gambar selebar layar */
    max-width: 100% !important;   /* Mencegah overflow */
    height: auto !important;      /* Tinggi menyesuaikan proporsi (agar tidak gepeng) */
    max-height: none !important;  /* PENTING: Menghapus batas tinggi 200px yang lama */
    display: block;               /* Menghilangkan celah putih di bawah gambar */
    object-fit: cover;            /* Opsional: agar gambar mengisi area dengan rapi */
}

/* 3. Penyesuaian Link Pembungkus */
.pkp_site_name > a {
    display: block;
    padding: 0;
    width: 100%;
}

/* 4. Penyesuaian User Navigation (Login/Register) agar tidak tertutup gambar besar */
/* Opsional: Memberi background semi-transparan jika teks menu sulit terbaca di atas gambar */
.pkp_navigation_user_wrapper {
    position: absolute; /* Atau relative, tergantung tema OJS yang dipakai */
    top: 10px;
    right: 20px;
    z-index: 999; /* Pastikan menu user ada di atas gambar */
}

/* 5. Perbaikan jarak konten di bawah header */
.pkp_structure_page {
    margin-top: 0 !important; /* Sesuaikan jika terlalu jauh/dekat */
}