/* Menyesuaikan gambar header agar responsif dan proporsional */
/* Ini adalah selektor yang paling umum digunakan untuk logo header di OJS 3 */
.pkp_head_wrapper .pkp_site_name img {
    max-width: 100%;
    /* Memastikan gambar tidak melebihi lebar wadahnya */
    height: auto;
    /* Sangat penting: Menjaga proporsi gambar */
    display: block;
    /* Menghilangkan spasi ekstra di bawah gambar (jika ada) */
    margin: 0 auto;
    /* Opsional: Jika Anda ingin gambar selalu di tengah dalam wadahnya */
}

/* Opsi tambahan: Jika Anda ingin membatasi ketinggian maksimum gambar */
/* Hapus tanda komentar (//) untuk mengaktifkannya dan sesuaikan nilainya */
/*
.pkp_head_wrapper .pkp_site_name img {
    max-height: 120px; /* Contoh: Batasi tinggi maksimum menjadi 120 piksel */
width: auto;
/* Biarkan lebar menyesuaikan secara otomatis */
object-fit: contain;
/* Memastikan seluruh gambar terlihat di dalam batas (mungkin ada ruang kosong) */
/* Atau gunakan object-fit: cover; untuk membuat gambar menutupi area (mungkin ada yang terpotong) */
}

*/