/* ========================================
   SNIKOM 2025 - HEADER OJS 3.3
   Full Width + Center + White Background
   ======================================== */

/* Header utama */
.pkp_structure_head {
    background: #fff !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Wrapper utama */
.pkp_head_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* Area nama situs / banner */
.pkp_site_name_wrapper {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #fff !important;
}

.pkp_site_name {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* Link pembungkus banner */
.pkp_site_name .is_img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Gambar banner */
.pkp_site_name .is_img img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: none !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 0 !important;
    object-fit: contain !important;
}

/* Navigasi kembali ke tengah */
.pkp_navigation_primary_wrapper {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    background: #fff !important;
    box-sizing: border-box !important;
}

.pkp_navigation_primary {
    margin: 0 auto !important;
    padding: 0 !important;
}

.pkp_navigation_primary > li > a {
    color: #174b78 !important;
}

/* User menu tetap di kanan */
.pkp_navigation_user_wrapper {
    background: transparent !important;
}

.pkp_navigation_user > li > a {
    color: #174b78 !important;
}

/* Responsive */
@media (max-width: 768px) {

    .pkp_site_name_wrapper,
    .pkp_site_name,
    .pkp_site_name .is_img {
        width: 100% !important;
        height: auto !important;
    }

    .pkp_site_name .is_img img {
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
    }

    .pkp_navigation_primary_wrapper {
        justify-content: flex-start !important;
    }
}