/* FULL WIDTH HEADER */
.pkp_site_name {
    width: 100% !important;
    max-width: 100% !important;
}

.pkp_site_name_wrapper {
    width: 100% !important;
    max-width: 100% !important;
}

/* Logo jadi full banner */
.pkp_site_name .is_img img {
    width: 100% !important;
    max-height: none !important;
}

/* Hilangkan padding biar mentok */
.pkp_navigation_primary_row {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Navbar warna Jatimika */
.pkp_navigation_primary_wrapper {
    background: #2d3e70 !important;
}

/* Background utama/header OJS */
.pkp_structure_head {
    background: #0b1f4d !important;
}

/* Navbar */
.pkp_navigation_primary_wrapper {
    background: #0b1f4d !important;
}

/* Area menu */
.pkp_site_nav_menu {
    background: #0b1f4d !important;
}

/* =========================================================
   MOBILE FIX ONLY — DESKTOP TIDAK DIUBAH
   Banner aman dari hamburger + konten tidak overlap
   ========================================================= */

@media screen and (max-width: 767px) {

    /* Wrapper header mengikuti tinggi banner */
    .pkp_site_name_wrapper {
        display: block !important;
        position: relative !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: visible !important;
    }


    /* Banner digeser ke kanan agar logo tidak tertutup hamburger */
    .pkp_site_name {
        display: block !important;
        position: relative !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        width: calc(100% - 58px) !important;
        max-width: calc(100% - 58px) !important;

        height: auto !important;
        max-height: none !important;

        margin: 0 0 0 58px !important;
        padding: 0 !important;

        text-align: left !important;
        overflow: visible !important;
    }


    .pkp_site_name .is_img {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* Banner tetap proporsional */
    .pkp_site_name .is_img img {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;

        object-fit: contain !important;
    }


    /* Header mengikuti tinggi banner */
    .pkp_head_wrapper,
    .pkp_structure_head {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        overflow: visible !important;
    }


    /* Hamburger tetap di kiri */
    .pkp_site_nav_toggle {
        position: absolute !important;

        top: 0 !important;
        left: 0 !important;

        z-index: 1000 !important;

        width: 58px !important;
        height: 58px !important;

        margin: 0 !important;

        background: #0b1f4d !important;
    }


    /* Register/Login disembunyikan hanya pada HP */
    .pkp_navigation_user_wrapper {
        display: none !important;
    }


    /* Konten mulai setelah header */
    .pkp_structure_content {
        clear: both !important;

        position: relative !important;

        margin-top: 0 !important;
        padding-top: 0 !important;
    }


    .pkp_structure_main {
        clear: both !important;

        width: 100% !important;
        max-width: 100% !important;

        float: none !important;
    }


    /* Current Issue tetap aman di bawah banner */
    .page_index_journal .current_issue {
        margin-top: 0 !important;
        padding-top: 24px !important;
    }


    /* Rapikan isi */
    .page_index_journal {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }


    .obj_issue_summary .cover {
        float: none !important;

        width: 100% !important;

        margin: 20px 0 26px !important;

        text-align: center !important;
    }


    .obj_issue_summary .cover img {
        display: block !important;

        width: auto !important;
        max-width: 78% !important;

        height: auto !important;

        margin: 0 auto !important;
    }


    .obj_issue_summary .description {
        float: none !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
    }
}


/* HP kecil */
@media screen and (max-width: 480px) {

    .page_index_journal {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .obj_issue_summary .cover img {
        max-width: 82% !important;
    }
}