/* =======================================================
   KODE PENIMPAL SPESIFIKASI TINGGI UNTUK BANNER HEADER OJS 3
   ======================================================= */

/* 1. Memaksa pembungkus utama memakai lebar penuh di segala resolusi layar */
body thaqi_theme header.pkp_structure_head,
body header.pkp_structure_head,
div.pkp_structure_head,
.pkp_structure_head .pkp_site_name_wrapper {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
    float: none !important;
}

/* 2. Menghancurkan batasan Flexbox bawaan OJS yang mengunci ukuran header */
.pkp_structure_head .container,
.pkp_structure_head .pkp_site_name {
    display: block !important;
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
}

/* 3. Menghapus batasan tinggi logo bawaan (Default OJS mengunci di 80px-120px) */
.pkp_structure_head .pkp_site_name a.is_img,
.pkp_structure_head .pkp_site_name .is_img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 4. Memaksa elemen tag gambar melar 100% secara proporsional */
.pkp_structure_head .pkp_site_name a.is_img img,
.pkp_structure_head .pkp_site_name .is_img img,
header .pkp_site_name_wrapper .pkp_site_name img {
    max-height: none !important;       /* Menghilangkan batas tinggi 80px */
    min-height: 120px !important;      /* Memberi batas tinggi minimal agar tidak menciut */
    width: 100% !important;            /* Memaksa melebar memenuhi layar */
    max-width: 100% !important;        /* Menjaga tidak keluar batas halaman */
    height: auto !important;           /* Menjaga rasio gambar agar tidak penyet/gepeng */
    display: block !important;
    object-fit: contain !important;    /* Menyesuaikan gambar di dalam penampung */
}