/* ======================================
   OJS 3.5 - Header Tinggi + e-ISSN kanan
   Logo Fix 70px | Desktop Only Header
   ====================================== */

/* ===== Desktop (≥ 992px) ===== */
@media (min-width: 992px) {

    /* Tinggi header */
    .pkp_structure_head {
        min-height: 140px !important;
    }

    /* Perbesar judul */
    .pkp_site_name a {
        font-size: 30px !important;
        font-weight: bold !important;
        line-height: 1.2 !important;
        color: #ffffff;
    }

    /* Ruang atas & bawah */
    .pkp_site_name_wrapper {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
        position: relative;
    }

    /* Logo fix 70px dan tidak keluar */
    .pkp_site_name img {
        height: 70px !important;
        max-height: 70px !important;
        width: auto !important;
        max-width: 100% !important;
        object-fit: contain !important;
        display: inline-block !important;
        vertical-align: middle !important;
    }

    /* Tampilkan e-ISSN di sisi kanan header.
       Jika jurnal belum memiliki e-ISSN, gunakan placeholder XXXX-XXXX.
       Ganti teks ini dengan nomor sebenarnya setelah e-ISSN diterbitkan. */
    .pkp_site_name_wrapper::after {
        content: "e-ISSN: XXXX-XXXX";
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        color: #ffffff;
        font-size: 14px;
        line-height: 1.4;
        font-weight: 500;
        white-space: nowrap;
    }

    /* Pastikan container tetap */
    .pkp_structure_head .container,
    .pkp_structure_head .pkp_site_name_wrapper {
        max-width: inherit !important;
    }
}

/* ===== Tablet & Mobile (< 992px) ===== */
@media (max-width: 991px) {

    /* Kembali normal */
    .pkp_structure_head {
        min-height: auto !important;
    }

    .pkp_site_name_wrapper {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        text-align: inherit;
        position: static;
    }

    /* Logo tetap 70px tapi menyesuaikan layar */
    .pkp_site_name img {
        height: 70px !important;
        max-height: 70px !important;
        width: auto !important;
        max-width: 100% !important;
        object-fit: contain !important;
    }

    /* Hilangkan e-ISSN */
    .pkp_site_name_wrapper::after {
        content: none !important;
        display: none !important;
    }
}