/*
EMAS OJS HEADER - FIX V2
Upload this file in:
Settings > Website > Appearance > Advanced > Journal style sheet
*/

html, body {
    overflow-x: hidden !important;
}

/* Lepaskan pembatas lebar bawaan OJS */
.pkp_structure_head,
.pkp_head,
.pkp_head_wrapper,
.pkp_site_name_wrapper,
.pkp_site_name,
.pkp_navigation_primary_wrapper {
    max-width: none !important;
}

/* Header utama mengikuti lebar area situs */
.pkp_site_name_wrapper {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Gambar header EMAS */
.pkp_site_name {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pkp_site_name a,
.pkp_site_name .is_img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pkp_site_name img,
.pkp_site_name .is_img img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Desktop: gunakan area penuh header */
@media (min-width: 992px) {
    .pkp_head_wrapper {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .pkp_site_name_wrapper {
        width: 100% !important;
        padding: 0 !important;
    }
}

/* Mobile tetap proporsional */
@media (max-width: 991px) {
    .pkp_site_name_wrapper {
        width: 100% !important;
    }

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