/* ======================================
   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;
}



/* UNISTEK - Main Menu Only */

.unistek-sidebar-menu a {
    display: block;
    padding: 11px 12px;
    color: #343A40 !important;
    background: transparent;
    border: none;
    border-bottom: 1px solid #EEEEEE;
    text-decoration: none !important;
    text-align: left;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
    transition: background-color .2s ease,
                color .2s ease;
}

/* Hover merah muda */
.unistek-sidebar-menu a:hover,
.unistek-sidebar-menu a:focus {
    background: #FFF1F2 !important;
    color: #A51620 !important;
}

/* Fokus keyboard */
.unistek-sidebar-menu a:focus-visible {
    outline: 2px solid #B91F26;
    outline-offset: -2px;
}

/* Menu terakhir tanpa garis */
.unistek-sidebar-menu a:last-child {
    border-bottom: none;
}


/* ========================================
   UNISTEK - MODERN SUBMISSION BUTTON
   ======================================== */

/* Container tombol */
.pkp_structure_sidebar .block_make_submission {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 12px 18px !important;
    margin: 0 !important;
}

/* Tombol utama */
.pkp_structure_sidebar .block_make_submission a {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;

    background: #F59E0B !important;
    background-image: none !important;
    color: #FFFFFF !important;

    border: none !important;
    border-radius: 6px !important;
    box-shadow: none !important;

    padding: 13px 16px !important;
    margin: 0 !important;

    text-align: center !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;

    transition: background-color 0.2s ease,
                transform 0.2s ease;
}

/* Hover */
.pkp_structure_sidebar .block_make_submission a:hover {
    background: #C77700 !important;
    color: #FFFFFF !important;
    transform: translateY(-1px);
}

/* Saat diklik */
.pkp_structure_sidebar .block_make_submission a:active {
    transform: translateY(0);
}

/* Fokus keyboard */
.pkp_structure_sidebar
.block_make_submission a:focus-visible {
    outline: 2px solid #89131B;
    outline-offset: 3px;
}

/* Mobile */
@media (max-width: 991px) {
    .pkp_structure_sidebar .block_make_submission {
        padding: 0 8px 16px !important;
    }
}


/* =====================================
   UNISTEK - SIDEBAR SPACING FIX
   ===================================== */

/* Kurangi jarak setelah MAIN MENU */
#customblock-mainmenu {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

/* Kurangi jarak sebelum SUBMISSIONS */
#customblock-submisionbar,
#customblock-submissionbar {
    margin-top: 0px !important;
    padding-top: 0px !important;
}

/* Jarak antarblok bawaan OJS */
.pkp_structure_sidebar .pkp_block {
    margin-bottom: 8px;
}