/* ====================================================================== */
/* JOURNAL STYLE SHEET - SOLUSI STICKY HEADER IJHSE                       */
/* ====================================================================== */

/* 1. Menyembunyikan Header Bawaan OJS 3 secara Absolut */
header.pkp_structure_head,
.pkp_navigation_user_wrapper,
.pkp_head_wrapper,
#headerNavigationContainer,
.pkp_site_name_wrapper,
.pkp_navigation_primary_wrapper {
    display: none !important;
    height: 0 !important;
    visibility: hidden !important;
    opacity: 0 !important;
    overflow: hidden !important;
}

/* 2. Menyembunyikan Watermark / Kredit PKP OJS Bawaan di Footer */
.pkp_brand_footer,
footer .pkp_brand_footer,
.pkp_structure_footer .pkp_brand_footer,
.brand-footer,
a.pkp_brand_button {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* 3. MEMAKSA CONTAINER INDUK OJS UNTUK MENDUKUNG STICKY (SOLUSI UTAMA) */
/* CSS ini membuka pembatas scroll bawaan OJS agar efek melayang aktif */
.pkp_structure_page,
.pkp_structure_contents,
.pkp_body,
body,
html {
    overflow: visible !important; 
    position: relative !important;
}

/* Memastikan elemen pembungkus tempat Anda menempelkan kode header kustom tidak mengunci posisi */
.pkp_structure_head_wrapper,
#header-wrapper {
    position: static !important;
    overflow: visible !important;
}

/* 4. Efek Transisi Halus untuk Dropdown Menu Desktop */
.dropdown-menu {
    display: none;
    animation: fadeIn 0.2s ease-out;
}
.dropdown:hover .dropdown-menu {
    display: block;
}
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(4px); }
    to { opacity: 1; transform: translateY(0); }
}

/* 5. Mengatur Header Kustom Anda Tetap Melayang Secara Agresif */
.sticky-header-container {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 99999 !important; /* Nilai z-index diperbesar agar tidak tertimpa konten artikel OJS */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12) !important;
    background-color: #ffffff !important;
}