/* ==========================================================
   JADSIC SIDEBAR
   ========================================================== */

.jadsic-sidebar-menu {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* TITLE */
.jadsic-sidebar-menu .jadsic-menu-title {
    width: 100% !important;
    box-sizing: border-box !important;

    background: #0f4f43 !important;
    color: #ffffff !important;

    padding: 15px 18px !important;
    margin: 0 0 14px 0 !important;

    border-bottom: 4px solid #c89b2d !important;

    font-size: 16px !important;
    font-weight: 800 !important;
    text-align: left !important;
}

/* MENU */
.jadsic-sidebar-menu > a {
    position: relative !important;

    display: flex !important;
    align-items: center !important;

    width: 100% !important;
    min-height: 52px !important;

    box-sizing: border-box !important;

    margin: 0 0 8px 0 !important;
    padding: 12px 14px 12px 48px !important;

    background: #f5f5f5 !important;

    border: 1px solid #ececec !important;
    border-left: 4px solid transparent !important;

    color: #1d2529 !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;

    text-decoration: none !important;

    transition: all 0.2s ease !important;
}

/* ICON BASE */
.jadsic-sidebar-menu > a::before {
    content: "" !important;

    position: absolute !important;

    left: 16px !important;
    top: 50% !important;

    transform: translateY(-50%) !important;

    width: 20px !important;
    height: 20px !important;

    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}

/* FOCUS AND SCOPE */
.jadsic-sidebar-menu .menu-focus::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23c89b2d'%3E%3Cpath d='M12 5c-5.5 0-9.5 5.2-9.5 7s4 7 9.5 7 9.5-5.2 9.5-7S17.5 5 12 5zm0 11.5A4.5 4.5 0 1 1 12 7a4.5 4.5 0 0 1 0 9.5zm0-2.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4z'/%3E%3C/svg%3E") !important;
}

/* EDITORIAL TEAM */
.jadsic-sidebar-menu .menu-editorial::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23c89b2d'%3E%3Cpath d='M16 11c1.7 0 3-1.3 3-3s-1.3-3-3-3-3 1.3-3 3 1.3 3 3 3zM8 11c1.7 0 3-1.3 3-3S9.7 5 8 5 5 6.3 5 8s1.3 3 3 3zm0 2c-2.3 0-7 1.2-7 3.5V19h14v-2.5C15 14.2 10.3 13 8 13zm8 0c-.3 0-.7 0-1 .1 1.2.9 2 2 2 3.4V19h6v-2.5c0-2.3-4.7-3.5-7-3.5z'/%3E%3C/svg%3E") !important;
}

/* REVIEWER */
.jadsic-sidebar-menu .menu-reviewer::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23c89b2d'%3E%3Cpath d='M12 3 1 8l11 5 9-4.1V15h2V8L12 3zm-7 9.2V16l7 4 7-4v-3.8L12 15l-7-2.8z'/%3E%3C/svg%3E") !important;
}

/* PUBLICATION ETHICS */
.jadsic-sidebar-menu .menu-ethics::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23c89b2d'%3E%3Cpath d='M6 2h9l5 5v15H6V2zm8 1.5V8h4.5L14 3.5zM8 11h10v2H8v-2zm0 4h10v2H8v-2z'/%3E%3C/svg%3E") !important;
}

/* PEER REVIEW */
.jadsic-sidebar-menu .menu-review::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23c89b2d'%3E%3Cpath d='M4 3h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-6v2h3v2H7v-2h3v-2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm0 2v10h16V5H4z'/%3E%3C/svg%3E") !important;
}

/* OPEN ACCESS */
.jadsic-sidebar-menu .menu-openaccess::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23c89b2d'%3E%3Cpath d='M17 8h-1V6a4 4 0 0 0-8 0h2a2 2 0 1 1 4 0v2H7a2 2 0 0 0-2 2v10h14V10a2 2 0 0 0-2-2z'/%3E%3C/svg%3E") !important;
}

/* COPYRIGHT */
.jadsic-sidebar-menu .menu-copyright::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23c89b2d'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm3.2-5.3a4 4 0 1 1 0-5.4l-1.5 1.3a2 2 0 1 0 0 2.8l1.5 1.3z'/%3E%3C/svg%3E") !important;
}

/* PLAGIARISM */
.jadsic-sidebar-menu .menu-plagiarism::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23c89b2d'%3E%3Cpath d='M4 3h11l5 5v13H4V3zm10 1.5V9h4.5L14 4.5zM7 12h10v2H7v-2zm0 4h7v2H7v-2z'/%3E%3C/svg%3E") !important;
}

/* INDEXING */
.jadsic-sidebar-menu .menu-indexing::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23c89b2d'%3E%3Cpath d='M3 3h2v18H3V3zm4 10h3v8H7v-8zm5-5h3v13h-3V8zm5-4h3v17h-3V4z'/%3E%3C/svg%3E") !important;
}

/* AUTHOR GUIDELINES */
.jadsic-sidebar-menu .menu-guidelines::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23c89b2d'%3E%3Cpath d='M3 17.3V21h3.7L17.6 10.1l-3.7-3.7L3 17.3zm17.7-10c.4-.4.4-1 0-1.4l-2.6-2.6a1 1 0 0 0-1.4 0l-2 2 3.7 3.7 2.3-1.7z'/%3E%3C/svg%3E") !important;
}

/* ARCHIVE */
.jadsic-sidebar-menu .menu-archive::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23c89b2d'%3E%3Cpath d='M3 4h18v4H3V4zm2 6h14v10H5V10zm4 2v2h6v-2H9z'/%3E%3C/svg%3E") !important;
}

/* FEES */
.jadsic-sidebar-menu .menu-fees::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23c89b2d'%3E%3Cpath d='M3 5h18v14H3V5zm2 2v10h14V7H5zm7 1a4 4 0 1 1 0 8 4 4 0 0 1 0-8z'/%3E%3C/svg%3E") !important;
}

/* CONTACT */
.jadsic-sidebar-menu .menu-contact::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23c89b2d'%3E%3Cpath d='M6.6 10.8a15.5 15.5 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.2c1.1.4 2.3.6 3.6.6a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C10.6 21 3 13.4 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.3.2 2.5.6 3.6a1 1 0 0 1-.2 1l-2.3 2.2z'/%3E%3C/svg%3E") !important;
}

/* TEXT */
.jadsic-sidebar-menu > a span {
    display: block !important;
    flex: 1 !important;
    text-align: left !important;
    color: inherit !important;
}

/* HOVER */
.jadsic-sidebar-menu > a:hover,
.jadsic-sidebar-menu > a:focus {
    background: #eaf3f0 !important;
    border-left-color: #c89b2d !important;
    color: #0f4f43 !important;
    text-decoration: none !important;
}

/* MOBILE */
@media (max-width: 768px) {
    .jadsic-sidebar-menu > a {
        min-height: 48px !important;
        padding: 10px 12px 10px 44px !important;
        font-size: 12px !important;
    }

    .jadsic-sidebar-menu > a::before {
        left: 14px !important;
        width: 18px !important;
        height: 18px !important;
    }
}

/* ==========================================================
   NUSAJOURNAL V2.3.x - OUTER EDGE / GREY LINE FIX
   Garis yang terlihat adalah perbedaan background pada batas
   max-width layout, bukan border elemen Side Menu.
   ========================================================== */

/* Samakan latar belakang di luar dan di dalam container */
html,
body,
body.nusajournal-v23,
.nusajournal-v23,
.nusajournal-v23 .pkp_structure_page {
    background-color: #ffffff !important;
    background-image: none !important;
}

/* Container utama: tidak ada border, outline, atau shadow */
.nusajournal-v23 .pkp_structure_content,
.nusajournal-v23 .pkp_structure_main,
.nusajournal-v23 .pkp_structure_sidebar {
    border-left: 0 !important;
    border-right: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

/* Pastikan pseudo-element container tidak membuat separator */
.nusajournal-v23 .pkp_structure_content::before,
.nusajournal-v23 .pkp_structure_content::after,
.nusajournal-v23 .pkp_structure_main::before,
.nusajournal-v23 .pkp_structure_main::after,
.nusajournal-v23 .pkp_structure_sidebar::before,
.nusajournal-v23 .pkp_structure_sidebar::after {
    content: none !important;
    display: none !important;
}

/* Hilangkan garis vertikal yang muncul dari wrapper layout OJS */
.nusajournal-v23 .pkp_structure_content > .pkp_structure_main,
.nusajournal-v23 .pkp_structure_content > .pkp_structure_sidebar {
    border-left: 0 !important;
    border-right: 0 !important;
}

/* Jaga Side Menu tetap utuh */
.jadsic-sidebar-menu > a {
    border: 1px solid #ececec !important;
    border-left: 4px solid transparent !important;
}

.jadsic-sidebar-menu > a:hover,
.jadsic-sidebar-menu > a:focus {
    border-left-color: #c89b2d !important;
}

/* ==========================================================
   FIX DROPDOWN MENU OJS
   Memastikan submenu About berada di atas konten dan bisa diklik
   ========================================================== */

/* Header harus berada di layer paling atas */
.pkp_structure_head {
    position: relative !important;
    z-index: 10000 !important;
    overflow: visible !important;
}

/* Navigation container */
.pkp_site_nav_menu,
.pkp_navigation_primary_row,
.pkp_navigation_primary_wrapper {
    position: relative !important;
    z-index: 10001 !important;
    overflow: visible !important;
}

/* Navigation list */
.pkp_navigation_primary {
    position: relative !important;
    z-index: 10002 !important;
    overflow: visible !important;
}

/* Setiap menu utama menjadi anchor dropdown */
.pkp_navigation_primary > li {
    position: relative !important;
    overflow: visible !important;
}

/* ==========================================================
   SUB MENU / DROPDOWN
   ========================================================== */

@media (min-width: 992px) {

    /* Default submenu disembunyikan */
    .pkp_navigation_primary > li > ul {
        display: none !important;

        position: absolute !important;

        top: 100% !important;
        left: 0 !important;

        width: 260px !important;
        min-width: 260px !important;

        margin: 0 !important;
        padding: 8px 0 !important;

        background: #ffffff !important;

        border: 1px solid #e3e8e6 !important;
        border-top: 3px solid #c89b2d !important;

        box-shadow:
            0 12px 30px rgba(0, 0, 0, 0.12) !important;

        border-radius: 0 0 6px 6px !important;

        z-index: 99999 !important;

        overflow: visible !important;

        pointer-events: auto !important;
    }

    /* Muncul hanya ketika menu di-hover/focus */
    .pkp_navigation_primary > li:hover > ul,
    .pkp_navigation_primary > li:focus-within > ul,
    .pkp_navigation_primary > li[aria-expanded="true"] > ul {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    /* Item submenu */
    .pkp_navigation_primary > li > ul > li {
        display: block !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        position: relative !important;
    }

    /* Link submenu */
    .pkp_navigation_primary > li > ul > li > a {
        display: block !important;

        width: 100% !important;
        box-sizing: border-box !important;

        padding: 12px 15px !important;
        margin: 0 !important;

        background: #ffffff !important;

        color: #31443f !important;

        font-size: 14px !important;
        font-weight: 500 !important;

        line-height: 1.4 !important;

        text-align: left !important;
        text-decoration: none !important;

        border: 0 !important;
        border-bottom: 1px solid #edf0ef !important;

        cursor: pointer !important;

        pointer-events: auto !important;

        position: relative !important;
        z-index: 100000 !important;
    }

    /* Hover submenu */
    .pkp_navigation_primary > li > ul > li > a:hover,
    .pkp_navigation_primary > li > ul > li > a:focus {
        background: #eaf3f0 !important;

        color: #0f4f43 !important;

        padding-left: 19px !important;
    }

    /* Item terakhir */
    .pkp_navigation_primary > li > ul > li:last-child > a {
        border-bottom: 0 !important;
    }
}

/* ==========================================================
   CONTENT HARUS DI BAWAH NAVIGATION
   ========================================================== */

.pkp_structure_content {
    position: relative !important;
    z-index: 1 !important;
}

.pkp_structure_main {
    position: relative !important;
    z-index: 1 !important;
}

.pkp_structure_sidebar {
    position: relative !important;
    z-index: 1 !important;
}

/* ==========================================================
   JADSIC - INDEXED BY SECTION
   ========================================================== */

.jadsic-indexed {
    width: 100%;
    margin: 30px 0;
    padding: 0;
    box-sizing: border-box;
}


/* TITLE */
.jadsic-indexed-title {
    width: 100%;
    box-sizing: border-box;

    padding: 16px 18px;
    margin-bottom: 28px;

    background: #0f4f43;
    color: #ffffff;

    border-bottom: 4px solid #c89b2d;

    font-size: 17px;
    font-weight: 800;
    line-height: 1.3;

    text-transform: uppercase;
}


/* GRID */
.jadsic-indexed-grid {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 12px;

    width: 100%;
}


/* ITEM */
.jadsic-indexed-grid > a {
    display: flex;

    align-items: center;
    justify-content: center;

    min-height: 95px;

    padding: 12px;

    background: #ffffff;

    border: 1px solid #d7dddd;
    border-radius: 5px;

    box-sizing: border-box;

    text-decoration: none;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        border-color 0.2s ease;
}


/* IMAGE */
.jadsic-indexed-grid > a img {
    display: block;

    max-width: 100%;
    max-height: 65px;

    width: auto;
    height: auto;

    object-fit: contain;
}


/* HOVER */
.jadsic-indexed-grid > a:hover,
.jadsic-indexed-grid > a:focus {
    transform: translateY(-2px);

    border-color: #c89b2d;

    box-shadow:
        0 6px 16px
        rgba(15, 79, 67, 0.10);
}


/* TABLET */
@media (max-width: 991px) {

    .jadsic-indexed-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

}


/* MOBILE */
@media (max-width: 768px) {

    .jadsic-indexed-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 10px;
    }

    .jadsic-indexed-grid > a {
        min-height: 80px;
        padding: 10px;
    }

    .jadsic-indexed-grid > a img {
        max-height: 52px;
    }

    .jadsic-indexed-title {
        padding: 14px 15px;
        font-size: 15px;
    }

}


/* SMALL PHONE */
@media (max-width: 480px) {

    .jadsic-indexed-grid {
        grid-template-columns: 1fr 1fr;
    }

}