/* ============================================================
   MAJESTY - OJS 3.x Default Theme
   COMPACT HEADER FIX - 09 November 2026
   Pasangkan dengan MAJESTY-Header-Compact-Fix.png (3300 x 450 px).
   Menghilangkan distorsi cover, ruang kosong putih, dan header tinggi.
   Tidak mengubah isi artikel, sidebar, maupun tombol submission.
   ============================================================ */

/* Header latar gelap yang menyatu dengan banner */
#headerNavigationContainer.pkp_structure_head {
    margin: 0 !important;
    padding: 0 !important;
    background: #10143e !important;
    border: 0 !important;
}

#headerNavigationContainer .pkp_head_wrapper {
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: #10143e !important;
}

/* Logo: lebar penuh, tanpa memaksa tinggi gambar. */
#headerNavigationContainer .pkp_site_name_wrapper {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #10143e !important;
}

#headerNavigationContainer .pkp_site_name {
    display: block !important;
    position: static !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    line-height: 0 !important;
    background: #10143e !important;
}

#headerNavigationContainer .pkp_site_name .is_img,
#headerNavigationContainer .pkp_site_name a.is_img {
    display: block !important;
    position: static !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    background: transparent !important;
}

#headerNavigationContainer .pkp_site_name img,
#headerNavigationContainer .pkp_site_name .is_img img {
    display: block !important;
    position: static !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    max-height: none !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
}

/* DESKTOP: strip akun tipis, gambar mulai tepat di bawahnya. */
@media (min-width: 992px) {
    #headerNavigationContainer .pkp_head_wrapper {
        padding-top: 26px !important;
    }

    #headerNavigationContainer .pkp_navigation_user_wrapper {
        position: absolute !important;
        top: 0 !important;
        right: 16px !important;
        left: auto !important;
        width: auto !important;
        z-index: 20 !important;
        height: 26px !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
    }

    #headerNavigationContainer .pkp_navigation_user > li > a {
        color: #ffffff !important;
        font-size: 11px !important;
        line-height: 18px !important;
        padding: 3px 8px !important;
    }

    #headerNavigationContainer .pkp_site_nav_menu {
        display: block !important;
        position: static !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #182950 !important;
    }

    #headerNavigationContainer .pkp_navigation_primary_row {
        position: relative !important;
        margin: 0 !important;
        padding: 0 12px !important;
        border-top: 2px solid #d4af52 !important;
        border-bottom: 0 !important;
        background: linear-gradient(90deg,#152b50 0%,#243962 58%,#3c2864 100%) !important;
    }

    #headerNavigationContainer .pkp_navigation_primary_wrapper,
    #headerNavigationContainer .pkp_navigation_search_wrapper {
        margin: 0 !important;
        padding: 0 !important;
    }

    #headerNavigationContainer .pkp_navigation_primary > li > a,
    #headerNavigationContainer .pkp_navigation_search_wrapper > a {
        color: #ffffff !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 21px !important;
        padding: 8px 12px !important;
        text-decoration: none !important;
        background: transparent !important;
    }

    #headerNavigationContainer .pkp_navigation_primary > li > a:hover,
    #headerNavigationContainer .pkp_navigation_primary > li > a:focus,
    #headerNavigationContainer .pkp_navigation_search_wrapper > a:hover,
    #headerNavigationContainer .pkp_navigation_search_wrapper > a:focus {
        color: #ffe4a1 !important;
        background: rgba(255,255,255,.08) !important;
    }

    #headerNavigationContainer .pkp_navigation_primary ul {
        background: #ffffff !important;
    }

    #headerNavigationContainer .pkp_navigation_primary ul a {
        color: #1c3154 !important;
        font-size: 13px !important;
    }
}

/* Tablet/mobile: jangan mengubah mekanisme hamburger OJS. */
@media (max-width: 991px) {
    #headerNavigationContainer .pkp_head_wrapper {
        padding: 0 !important;
    }

    #headerNavigationContainer .pkp_site_name_wrapper {
        padding: 6px 8px 6px 52px !important;
        min-height: 60px !important;
    }

    #headerNavigationContainer .pkp_site_name img,
    #headerNavigationContainer .pkp_site_name .is_img img {
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        object-fit: contain !important;
    }

    #headerNavigationContainer .pkp_site_nav_toggle {
        z-index: 25 !important;
    }

    #headerNavigationContainer .pkp_site_nav_menu {
        z-index: 24 !important;
    }
}