/* ======================================
   UNISTEK - HEADER BANNER FIX
   OJS Default Theme
   ====================================== */

/* 1. Background header */
.pkp_structure_head {
    background: #BD1B21;
    border-bottom: none;
}

/* 2. Banner desktop */
@media (min-width: 992px) {

    .pkp_site_name_wrapper {
        height: 180px !important;
        min-height: 200px !important;
        padding: 0 !important;
        overflow: hidden;
        display: flex;
        align-items: center;
    }

    .pkp_site_name {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .pkp_site_name .is_img {
        display: block;
        width: 100% !important;
    }

    .pkp_site_name .is_img img {
        display: block;
        width: 100% !important;
        height: 180px !important;
        max-height: none !important;
        object-fit: cover;
        object-position: center center;
    }
}

/* 3. Background menu merah marun */
.pkp_navigation_primary_row {
    background: #89131B;
}

/* Hilangkan background tambahan lama */
.pkp_navigation_primary_row::before {
    content: none !important;
}

/* 4. Jarak menu pertama dari sisi kiri */
.pkp_navigation_primary > li:first-child {
    margin-left: 24px !important;
}

/* 5. Jarak teks menu dan warna */
.pkp_navigation_primary > li > a {
    color: #FFFFFF !important;
    font-weight: 600;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

/* 6. Hover menu */
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
    color: #FFFFFF !important;
}

/* 7. Tampilan tablet dan mobile */
@media (max-width: 991px) {

    .pkp_site_name_wrapper {
        height: auto;
        min-height: 0;
        padding: 10px 0;
    }

    .pkp_site_name {
        width: 100%;
    }

    .pkp_site_name .is_img img {
        display: block;
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    .pkp_navigation_primary > li:first-child {
        margin-left: 0 !important;
    }
}



/* ====================================
   FIX HOVER & ACTIVE MENU UNISTEK
   ==================================== */

/* Tampilan normal */
.pkp_navigation_primary > li > a {
    background: transparent !important;
    color: #FFFFFF !important;
}

/* Saat mouse diarahkan atau menu diklik */
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
.pkp_navigation_primary > li > a:active,
.pkp_navigation_primary > li:hover > a,
.pkp_navigation_primary > li:focus-within > a,
.pkp_navigation_primary > li.current > a {
    background: #A21B24 !important;
    color: #FFFFFF !important;
}

/* Indikator fokus keyboard */
.pkp_navigation_primary > li > a:focus-visible {
    outline: 2px solid #FFFFFF;
    outline-offset: -2px;
}