/* === LOGO FULL WIDTH DI HEADER OJS === */

/* kontainer header dibuat penuh */
.pkp_site_name {
    width: 100% !important;
    text-align: center;
    margin: 0 auto;
    padding: 0;
}

/* logo yang diupload tampil full width */
.pkp_site_name img {
    display: block !important;
    width: 100% !important;   /* membuat banner melebar penuh */
    height: auto !important;  /* menjaga proporsi gambar */
    max-width: 100% !important;
    margin: 0 auto;
}

/* gaya header */
.pkp_head_wrapper {
    padding: 0 !important;
    background: #ffffff !important;
    border-bottom: 4px solid #135D42;
}

/* navigation warna */
.pkp_navigation_primary a,
.pkp_site_nav_menu a,
.pkp_navigation_user a {
    color: #135D42 !important;
    font-weight: 600;
}

.pkp_navigation_primary a:hover,
.pkp_site_nav_menu a:hover,
.pkp_navigation_user a:hover {
    color: #f1c40f !important;
    text-decoration: none;
}

/* responsive: logo tetap full tapi proporsional */
@media (max-width: 768px) {
    .pkp_site_name img {
        width: 100% !important;
        height: auto !important;
    }
}