/* ==========================================
   1. GLOBAL & DESKTOP STYLES
   ========================================== */
.pkp_structure_head {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    background: transparent !important;
}

/* User Top Bar */
.pkp_navigation_user_wrapper {
    order: 1 !important;
    width: 100% !important;
    background-color: transparent !important;
    padding: 6px 0 !important;
    margin: 0 !important;
}
/* Desktop Banner */
.pkp_site_name_wrapper {
    order: 2 !important;
    background-image: url("https://journals.iium.edu.my/jps/public/site/images/nurfahiem/1000002376-de16fefeb9f954991ef12c263fad08c4.png") !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    min-height: 220px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pkp_site_name {
    visibility: hidden !important;
}

/* Primary Navigation Menu */
.pkp_head_wrapper {
    order: 3 !important;
    width: 100% !important;
    max-width: 100% !important;
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

.pkp_navigation_primary_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: transparent !important;
}

/* Text & Dropdown Colors */
.pkp_navigation_primary a,
.pkp_search a {
    color: #000000 !important;
}
.pkp_navigation_user_a{
    color: #ffffff !important;
}
.pkp_navigation_user_wrapper .pkp_navigation_user span,
.pkp_navigation_user_wrapper .pkp_navigation_user ul a,
.pkp_navigation_user_wrapper .pkp_navigation_user ul span {
    color: #000000 !important;
}
.pkp_navigation_user_wrapper .pkp_navigation_user button,
.pkp_navigation_primary_wrapper .pkp_navigation_primary ul a,
.pkp_navigation_primary_wrapper .pkp_navigation_primary ul span {
    color: #ffffff !important;
}

/* Remove decorative borders */
.pkp_structure_head::after,
.pkp_structure_head::before,
.pkp_head_wrapper::after,
.pkp_head_wrapper::before {
    display: none !important;
}

/* ==========================================
   2. MOBILE SPECIFIC OVERRIDE (MAX 576PX)
   ========================================== */
@media screen and (max-width: 576px) {

    /* Disable OJS Grid layout in mobile header */
    .pkp_head_wrapper,
    .pkp_structure_head {
        display: block !important;
        grid-template-columns: none !important;
        grid-template-rows: none !important;
        width: 100% !important;
    }

    /* Pinned Mobile Navigation Bar */
    .pkp_head_wrapper {
        background-color: #03081a !important;
        position: relative !important;
        z-index: 99 !important;
        padding: 10px !important;
        box-sizing: border-box !important;
    }

    /* Target hamburger menu toggle button */
    .pkp_site_nav_toggle,
    .pkp_nav_menu_toggle {
        color: #ffffff !important;
        display: block !important;
        position: relative !important;
        float: left !important;
    }

    /* Full Width Mobile Banner Image */
    .pkp_site_name_wrapper {
        display: block !important;
        width: 100% !important;
        min-height: 120px !important;
        background-image: url("https://journals.iium.edu.my/jps/public/site/images/nurfahiem/1000002376-de16fefeb9f954991ef12c263fad08c4.png") !important;
        background-size: cover !important;
        background-position: center center !important;
        clear: both !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}