/* Header / Navbar utama */
.pkp_head_wrapper,
header.pkp_structure_head {
    background-color: #0b3a5b !important;
}
/* Navbar bawah (Terkini, Arsip, Tentang Kami) */
nav.pkp_navigation_primary,
.pkp_navigation_primary_row {
    background-color: #0b3a5b !important;
}
/* Link di navbar */
.pkp_navigation_primary a,
nav.pkp_navigation_primary .nav-item a {
    color: #ffffff !important;
}
/* Hover link navbar */
.pkp_navigation_primary a:hover {
    color: #f4b400 !important;
}
/* Judul jurnal */
.pkp_site_name a {
    color: #ffffff !important;
}
/* Tombol Search / user login bar atas */
.pkp_head_wrapper .pkp_loggedInAs a,
.pkp_head_wrapper .pkp_loggedInAs {
    color: #ffffff !important;
}
/* Footer full width */
.pkp_structure_footer,
.pkp_footer,
footer.pkp_structure_footer {
    background-color: #0b3a5b !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 20px 0 !important;
}
/* Hapus area abu-abu di kiri kanan */
body > footer,
#pkp_content_footer,
.pkp_site_footer {
    background-color: #0b3a5b !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* Sembunyikan tulisan OJS/PKP */
.pkp_brand_footer,
.pkp_footer_brand,
a[href*="pkp.sfu.ca"],
a[href*="github.com/pkp"] {
    display: none !important;
}
header.pkp_structure_head h1,
header.pkp_structure_head h1 a,
header.pkp_structure_head .pkp_site_name,
header.pkp_structure_head .pkp_site_name a {
    font-size: 28px !important;
    font-weight: bold !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
}
.pkp_site_name {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
}
.pkp_site_name::before {
    content: "" !important;
    display: inline-block !important;
    width: 200px !important;
    height: 150px !important;
    background-image: url('https://ejurnal.ansproject.co.id/public/site/jtscn11.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    flex-shrink: 0 !important;
}
.pkp_site_name a {
    color: #ffffff !important;
    font-size: 26px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
}
/* Header compact */
header.pkp_structure_head .pkp_header_wrapper,
.pkp_head_wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    padding: 5px 20px 0 20px !important;
    min-height: unset !important;
}
/* Navbar langsung nempel */
nav.pkp_navigation_primary {
    width: 100% !important;
    margin-top: 0 !important;
    padding: 6px 0 !important;
    border-top: 0.5px solid rgba(255,255,255,0.15) !important;
}

/* ===== DROPDOWN SUBMENU FIX ===== */
.pkp_navigation_primary .nav-item.dropdown .dropdown-menu,
nav.pkp_navigation_primary ul li ul,
.pkp_navigation_primary .nav-dropdown,
.pkp_navigation_primary .dropdown-menu {
    background-color: #0b3a5b !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    border-top: 2px solid #f4b400 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;
    border-radius: 0 0 4px 4px !important;
}
.pkp_navigation_primary .dropdown-menu a,
.pkp_navigation_primary .dropdown-menu .dropdown-item,
nav.pkp_navigation_primary ul li ul li a,
.pkp_navigation_primary .nav-dropdown a {
    color: #ffffff !important;
    background-color: transparent !important;
    padding: 8px 16px !important;
    display: block !important;
}
.pkp_navigation_primary .dropdown-menu a:hover,
.pkp_navigation_primary .dropdown-menu .dropdown-item:hover,
nav.pkp_navigation_primary ul li ul li a:hover,
.pkp_navigation_primary .nav-dropdown a:hover {
    color: #f4b400 !important;
    background-color: rgba(255,255,255,0.08) !important;
}
.pkp_navigation_primary .dropdown-menu .dropdown-item.active,
.pkp_navigation_primary .dropdown-menu a.active {
    color: #f4b400 !important;
    background-color: rgba(244,180,0,0.15) !important;
}

/* Mobile */
@media (max-width: 768px) {
    .pkp_site_name::before {
        display: none !important;
    }
    header.pkp_structure_head .pkp_header_wrapper,
    .pkp_head_wrapper {
        padding: 10px 50px !important;
    }
}
/* Tablet */
@media (max-width: 1024px) and (min-width: 769px) {
    .pkp_site_name::before {
        width: 80px !important;
        height: 80px !important;
    }
}