/**
 * Custom Journal Stylesheet for Jurnal Abdimas (KOMITEK Theme Style)
 * Designed to match https://penerbitadm.pubmedia.id/index.php/KOMITEK
 */

/* 1. Page Background & Layout Structure */
html, body {
    background: url("../../site/images/bg-ojs.png") #f5f9fb fixed !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #2d3748;
}

.cmp_skip_to_content {
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
}
.cmp_skip_to_content a:focus {
    position: static !important;
    top: auto !important;
    left: auto !important;
}

/* Main Boxed Page Container (KOMITEK Clean Card) */
.pkp_structure_page {
    max-width: 1240px;
    margin: 15px auto 30px auto !important;
    background: #ffffff !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
    border-radius: 6px !important;
    padding: 0 20px 25px 20px !important;
    box-sizing: border-box !important;
}

.pkp_structure_content {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Remove default theme fake absolute border lines */
.pkp_structure_main:before,
.pkp_structure_main:after {
    display: none !important;
    content: none !important;
}

@media (min-width: 992px) {
    .pkp_structure_content.has_sidebar {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        gap: 30px;
        padding-top: 10px;
    }
    .pkp_structure_main {
        flex: 1 1 0%;
        min-width: 0;
        float: none !important;
        width: auto !important;
        padding: 0 10px !important;
        box-sizing: border-box !important;
    }
    .pkp_structure_sidebar {
        flex: 0 0 300px;
        float: none !important;
        width: 300px !important;
        padding-top: 0 !important;
        box-sizing: border-box !important;
    }
}

/* 2. Site Header & Sticky Navbar (1-Row: Logo Kiri, Menu Kanan, Aksen Biru Elegan) */
.pkp_structure_head {
    position: sticky !important;
    top: 0 !important;
    z-index: 1040 !important;
    background: #ffffff !important;
    margin: 0 -20px 20px -20px !important;
    padding: 8px 20px !important;
    border-bottom: 2.5px solid #0d47a1 !important;
    box-shadow: 0 4px 15px rgba(13, 71, 161, 0.08) !important;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    box-sizing: border-box !important;
    transition: all 0.25s ease !important;
}

/* Reset default OJS clearfix & table pseudo-elements that break flexbox */
.pkp_head_wrapper:before,
.pkp_head_wrapper:after,
.pkp_site_name_wrapper:before,
.pkp_site_name_wrapper:after,
.pkp_navigation_primary_wrapper:before,
.pkp_navigation_primary_wrapper:after,
.pkp_navigation_user:before,
.pkp_navigation_user:after {
    display: none !important;
    content: none !important;
}

.has_site_logo .pkp_head_wrapper,
.pkp_head_wrapper {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
    box-sizing: border-box !important;
}

/* Site Brand & Logo Container Base */
.pkp_site_name_wrapper {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    position: relative !important;
    width: 100% !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
}

.pkp_site_name {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    order: 1 !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    text-align: left !important;
    overflow: visible !important;
    background: transparent !important;
}

/* Mobile Toggler Button (Positioned at Far Right on Mobile) */
.pkp_site_nav_toggle {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    order: 2 !important;
    margin-left: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 38px !important;
    padding: 0 !important;
    background: #f0f7ff !important;
    border: 1.5px solid #0d47a1 !important;
    border-radius: 8px !important;
    color: #0d47a1 !important;
    cursor: pointer !important;
    box-shadow: 0 2px 6px rgba(13, 71, 161, 0.15) !important;
    transition: all 0.2s ease;
    float: none !important;
}

.pkp_site_nav_toggle:hover,
.pkp_site_nav_toggle:focus {
    background: #0d47a1 !important;
    color: #ffffff !important;
}

.pkp_site_nav_toggle:before {
    content: "\f0c9" !important;
    font-family: FontAwesome !important;
    font-size: 1.15rem !important;
    line-height: 1 !important;
}

.pkp_site_nav_toggle span {
    display: none !important;
}

/* 3. Navigation Bar Desktop (Inline 1-Row: Logo di Kiri, Menu di Kanan) */
@media (min-width: 992px) {
    .pkp_site_nav_toggle {
        display: none !important;
    }

    .pkp_head_wrapper {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 15px !important;
        min-height: 56px !important;
    }

    /* Sisi Kiri: Logo Jurnal */
    .pkp_site_name_wrapper {
        display: flex !important;
        align-items: center !important;
        flex: 0 0 auto !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        min-height: unset !important;
        height: auto !important;
    }

    .pkp_site_name {
        position: static !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        text-align: left !important;
        overflow: visible !important;
        background: transparent !important;
    }

    .pkp_site_name .is_img {
        display: inline-flex !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
        text-decoration: none !important;
    }

    .pkp_site_name .is_img img {
        height: 46px !important;
        max-height: 46px !important;
        width: auto !important;
        display: block !important;
        object-fit: contain !important;
    }

    /* Sisi Kanan: Menu Navigasi */
    .pkp_site_nav_menu {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-end !important;
        flex: 1 1 auto !important;
        gap: 6px !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        position: static !important;
        width: auto !important;
        float: none !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        z-index: auto !important;
    }

    .pkp_navigation_primary_row {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        margin: 0 !important;
        padding: 0 !important;
        width: auto !important;
        float: none !important;
    }

    .pkp_navigation_primary_wrapper {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 4px !important;
        background: transparent !important;
        margin: 0 !important;
        padding: 0 !important;
        width: auto !important;
        float: none !important;
    }

    .pkp_navigation_primary {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 2px !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        background: transparent !important;
        float: none !important;
        width: auto !important;
        max-width: none !important;
    }

    .pkp_navigation_primary > li {
        position: relative !important;
        display: inline-block !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
    }

    /* Sembunyikan item Login duplikat di menu utama jika ada menu user */
    .pkp_navigation_primary > li:has(a[href*="/login"]) {
        display: none !important;
    }
    .pkp_navigation_primary > li > a[href*="/login"] {
        display: none !important;
    }

    .pkp_navigation_primary > li > a {
        color: #334155 !important;
        font-weight: 600 !important;
        font-size: 0.88rem !important;
        padding: 7px 11px !important;
        border-radius: 6px !important;
        text-decoration: none !important;
        display: inline-flex !important;
        align-items: center !important;
        transition: all 0.2s ease !important;
        background: transparent !important;
        margin: 0 !important;
        border: none !important;
        letter-spacing: 0.1px !important;
    }

    .pkp_navigation_primary > li > a:hover,
    .pkp_navigation_primary > li > a:focus {
        color: #0d47a1 !important;
        background: #f0f7ff !important;
    }

    .pkp_navigation_primary > li.active > a {
        color: #0d47a1 !important;
        background: #e8f1fd !important;
        font-weight: 700 !important;
    }

    /* Dropdown Sub-Menu under Tentang Kami Desktop */
    .pkp_navigation_primary ul {
        position: absolute !important;
        top: 100% !important;
        left: -9999px !important;
        background: #ffffff !important;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12) !important;
        border: 1px solid #e2e8f0 !important;
        border-top: 3px solid #0d47a1 !important;
        border-radius: 8px !important;
        padding: 6px 0 !important;
        min-width: 220px !important;
        z-index: 1060 !important;
        list-style: none !important;
        margin: 4px 0 0 0 !important;
        transform: none !important;
    }

    .pkp_navigation_primary > li:hover ul,
    .pkp_navigation_primary > li:focus-within ul {
        left: 0 !important;
    }

    .pkp_navigation_primary ul li {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
    }

    .pkp_navigation_primary ul li a {
        color: #1e293b !important;
        padding: 8px 18px !important;
        font-size: 0.86rem !important;
        font-weight: 500 !important;
        display: block !important;
        text-decoration: none !important;
        transition: all 0.2s ease !important;
        background: transparent !important;
        margin: 0 !important;
    }

    .pkp_navigation_primary ul li a:hover {
        background: #f0f7ff !important;
        color: #0d47a1 !important;
        padding-left: 22px !important;
    }

    /* Tombol Cari Desktop (Aksen Biru Elegan Pill) */
    .pkp_navigation_search_wrapper {
        margin: 0 4px !important;
        padding: 0 !important;
        border: none !important;
        display: inline-flex !important;
        align-items: center !important;
        float: none !important;
        width: auto !important;
    }

    .pkp_navigation_search_wrapper a {
        background: #0d47a1 !important;
        color: #ffffff !important;
        font-weight: 600 !important;
        font-size: 0.84rem !important;
        padding: 6px 14px !important;
        border-radius: 20px !important;
        box-shadow: 0 2px 6px rgba(13, 71, 161, 0.22) !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 5px !important;
        text-decoration: none !important;
        transition: all 0.2s ease !important;
    }

    .pkp_navigation_search_wrapper a:hover {
        background: #1565c0 !important;
        color: #ffffff !important;
        box-shadow: 0 4px 10px rgba(13, 71, 161, 0.35) !important;
        transform: translateY(-1px) !important;
    }

    /* User Navigation Desktop (Daftar & Login) */
    .pkp_navigation_user_wrapper {
        position: static !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        transform: none !important;
        width: auto !important;
        margin: 0 0 0 6px !important;
        padding: 0 0 0 10px !important;
        border-left: 1px solid #e2e8f0 !important;
        border-top: none !important;
        display: flex !important;
        align-items: center !important;
        float: none !important;
        z-index: auto !important;
        background: transparent !important;
    }

    .pkp_navigation_user {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 6px !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        width: auto !important;
        position: static !important;
        float: none !important;
        background: transparent !important;
    }

    .pkp_navigation_user > li {
        margin: 0 !important;
        padding: 0 !important;
        position: relative !important;
        display: inline-block !important;
        float: none !important;
    }

    .pkp_navigation_user > li > a {
        font-size: 0.84rem !important;
        font-weight: 600 !important;
        text-decoration: none !important;
        display: inline-flex !important;
        align-items: center !important;
        transition: all 0.2s ease !important;
        margin: 0 !important;
    }

    .pkp_navigation_user > li > a[href*="/register"] {
        color: #475569 !important;
        padding: 5px 9px !important;
        border-radius: 6px !important;
        background: transparent !important;
    }

    .pkp_navigation_user > li > a[href*="/register"]:hover {
        color: #0d47a1 !important;
        background: #f0f7ff !important;
    }

    .pkp_navigation_user > li > a[href*="/login"] {
        color: #0d47a1 !important;
        border: 1.5px solid #0d47a1 !important;
        padding: 4px 12px !important;
        border-radius: 20px !important;
        background: transparent !important;
    }

    .pkp_navigation_user > li > a[href*="/login"]:hover {
        background: #0d47a1 !important;
        color: #ffffff !important;
    }

    /* User dropdown if logged in */
    .pkp_navigation_user ul {
        position: absolute !important;
        top: 100% !important;
        right: 0 !important;
        left: auto !important;
        background: #ffffff !important;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12) !important;
        border: 1px solid #e2e8f0 !important;
        border-top: 3px solid #0d47a1 !important;
        border-radius: 8px !important;
        padding: 6px 0 !important;
        min-width: 180px !important;
        z-index: 1060 !important;
        list-style: none !important;
        display: none;
        transform: none !important;
    }

    .pkp_navigation_user > li:hover ul {
        display: block !important;
    }

    .pkp_navigation_user ul li a {
        color: #1e293b !important;
        padding: 8px 16px !important;
        font-size: 0.85rem !important;
        display: block !important;
    }

    .pkp_navigation_user ul li a:hover {
        background: #f0f7ff !important;
        color: #0d47a1 !important;
    }
}

/* Mobile Screen adjustments (< 992px) */
@media (max-width: 991px) {
    .pkp_structure_page {
        padding: 0 12px 20px 12px !important;
        margin: 10px auto 20px auto !important;
        border-radius: 6px !important;
    }

    .pkp_structure_head {
        margin: 0 -12px 15px -12px !important;
        padding: 8px 12px !important;
        border-top-left-radius: 6px !important;
        border-top-right-radius: 6px !important;
    }

    .pkp_head_wrapper {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
    }

    .pkp_site_name_wrapper {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        position: relative !important;
        width: 100% !important;
        min-height: 52px !important;
        padding: 0 !important;
        float: none !important;
        clear: both !important;
    }

    .pkp_site_name {
        position: static !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        transform: none !important;
        order: 1 !important;
        width: auto !important;
        max-width: calc(100% - 60px) !important;
        display: flex !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        text-align: left !important;
    }

    .pkp_site_name .is_img {
        display: inline-flex !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .pkp_site_name .is_img img {
        height: 38px !important;
        max-height: 38px !important;
        width: auto !important;
        object-fit: contain !important;
        display: block !important;
    }

    .pkp_site_nav_toggle {
        position: static !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        transform: none !important;
        order: 2 !important;
        margin-left: auto !important;
        display: inline-flex !important;
        float: none !important;
    }

    .pkp_site_nav_menu {
        display: none !important;
        position: static !important;
        width: 100% !important;
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 8px !important;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important;
        margin: 10px 0 10px 0 !important;
        padding: 12px !important;
        box-sizing: border-box !important;
        flex-direction: column !important;
        float: none !important;
    }

    .pkp_site_nav_menu.pkp_site_nav_menu--isOpen {
        display: flex !important;
    }

    .pkp_navigation_primary_wrapper {
        background: transparent !important;
        width: 100% !important;
    }

    .pkp_navigation_primary {
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 2px !important;
        width: 100% !important;
    }

    .pkp_navigation_primary > li {
        display: block !important;
        width: 100% !important;
        float: none !important;
    }

    .pkp_navigation_primary > li > a {
        display: block !important;
        padding: 10px 14px !important;
        color: #1e293b !important;
        font-weight: 600 !important;
        font-size: 0.90rem !important;
        border-radius: 6px !important;
        text-decoration: none !important;
        border-bottom: 1px solid #f1f5f9 !important;
        background: transparent !important;
    }

    .pkp_navigation_primary > li > a:hover {
        background: #f0f7ff !important;
        color: #0d47a1 !important;
    }

    /* Submenu under Tentang Kami on Mobile */
    .pkp_navigation_primary ul {
        list-style: none !important;
        padding: 4px 0 4px 14px !important;
        margin: 4px 0 8px 10px !important;
        border-left: 3px solid #0d47a1 !important;
        background: #f8fafc !important;
        border-radius: 0 8px 8px 0 !important;
        box-shadow: none !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 2px !important;
        position: static !important;
        transform: none !important;
    }

    .pkp_navigation_primary ul li a {
        color: #475569 !important;
        font-weight: 500 !important;
        font-size: 0.85rem !important;
        padding: 8px 12px !important;
        display: block !important;
        text-decoration: none !important;
        border-radius: 4px !important;
        background: transparent !important;
    }

    .pkp_navigation_primary ul li a:hover {
        color: #0d47a1 !important;
        background: #e2e8f0 !important;
        padding-left: 16px !important;
    }

    /* Mobile Search */
    .pkp_navigation_search_wrapper {
        border-top: 1px solid #e2e8f0 !important;
        margin-top: 10px !important;
        padding-top: 8px !important;
        width: 100% !important;
        display: block !important;
    }

    .pkp_navigation_search_wrapper a {
        display: block !important;
        background: #0d47a1 !important;
        color: #ffffff !important;
        text-align: center !important;
        padding: 9px 14px !important;
        border-radius: 6px !important;
        font-weight: 600 !important;
        font-size: 0.90rem !important;
        text-decoration: none !important;
    }

    /* Mobile User Menu */
    .pkp_navigation_user_wrapper {
        position: static !important;
        border-top: 1px solid #e2e8f0 !important;
        margin-top: 10px !important;
        padding-top: 8px !important;
        border-left: none !important;
        padding-left: 0 !important;
        width: 100% !important;
        display: block !important;
    }

    .pkp_navigation_user {
        display: flex !important;
        flex-direction: row !important;
        gap: 8px !important;
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
    }

    .pkp_navigation_user > li {
        flex: 1 1 50% !important;
        display: block !important;
        float: none !important;
    }

    .pkp_navigation_user > li > a {
        display: block !important;
        text-align: center !important;
        padding: 8px !important;
        font-size: 0.88rem !important;
        font-weight: 600 !important;
        border-radius: 6px !important;
        text-decoration: none !important;
    }

    .pkp_navigation_user > li:first-child > a {
        background: #f1f5f9 !important;
        color: #334155 !important;
    }

    .pkp_navigation_user > li:last-child > a {
        background: #0d47a1 !important;
        color: #ffffff !important;
    }
}

/* 4. Issue Heading & Identification */
.page_issue h1 {
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    margin: 10px 0 18px 0 !important;
    padding-bottom: 8px !important;
    border-bottom: 2px solid #e2e8f0 !important;
    line-height: 1.4 !important;
}

.current_issue .current_issue_title,
.obj_issue_toc h2,
.heading_current_issue {
    display: inline-block;
    border-bottom: 3px solid #0d47a1 !important;
    padding-bottom: 6px;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 1.25rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #1a202c;
}

/* 4.5. Homepage About & About Page (Card dengan Border Biru & Paragraf Justify) */
.homepage_about,
.page_about {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-left: 5px solid #0d47a1 !important;
    border-radius: 12px !important;
    padding: 24px !important;
    margin-bottom: 30px !important;
    box-shadow: 0 4px 18px rgba(13, 71, 161, 0.06), 0 2px 6px rgba(0, 0, 0, 0.03) !important;
}

.homepage_about h2,
.page_about h1 {
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    color: #0d47a1 !important;
    margin-top: 0 !important;
    margin-bottom: 14px !important;
    padding-bottom: 8px !important;
    border-bottom: 1.5px solid #e2e8f0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.homepage_about h2:before,
.page_about h1:before {
    content: "\f05a" !important;
    font-family: FontAwesome !important;
    color: #0d47a1 !important;
    font-size: 1.1rem !important;
}

.homepage_about p,
.homepage_about div,
.page_about p,
.page_about div {
    text-align: justify !important;
    text-justify: inter-word !important;
    line-height: 1.75 !important;
    font-size: 0.92rem !important;
    color: #334155 !important;
    margin-bottom: 10px !important;
}

/* 5. Issue Header Card (JIMNU Style: Border Biru, Justified Text, Badges) */
.obj_issue_toc .heading,
.issue_header_card {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 25px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-left: 5px solid #0d47a1 !important; /* Warna border tetap biru! */
    border-radius: 12px !important;
    padding: 24px !important;
    margin-bottom: 30px !important;
    box-shadow: 0 4px 18px rgba(13, 71, 161, 0.06), 0 2px 6px rgba(0, 0, 0, 0.03) !important;
    box-sizing: border-box !important;
    float: none !important;
}

.obj_issue_toc .heading:before,
.obj_issue_toc .heading:after,
.issue_header_card:before,
.issue_header_card:after {
    display: none !important;
    content: none !important;
}

/* Issue Cover Image */
.obj_issue_toc .cover {
    flex: 0 0 190px !important;
    width: 190px !important;
    max-width: 190px !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

.obj_issue_toc .cover img {
    width: 100% !important;
    height: auto !important;
    max-height: 270px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1) !important;
    display: block !important;
    transition: transform 0.25s ease !important;
}

.obj_issue_toc .cover img:hover {
    transform: scale(1.02);
}

.issue_cover_badge {
    margin-top: 8px !important;
    display: inline-block !important;
}

.issue_cover_badge span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    background: #f8fafc !important;
    color: #475569 !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    padding: 4px 12px !important;
    border-radius: 20px !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

.issue_cover_badge span i {
    color: #0d47a1 !important;
}

/* Issue Details Right Column */
.issue_details_wrapper {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

/* Badges (Overview, Open Access, Series) */
.issue_badges {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    align-items: center !important;
}

.issue_badges .badge_overview {
    background: linear-gradient(135deg, #0d47a1 0%, #1565c0 100%) !important;
    color: #ffffff !important;
    font-size: 0.74rem !important;
    font-weight: 700 !important;
    padding: 4px 12px !important;
    border-radius: 20px !important;
    letter-spacing: 0.3px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
}

.issue_badges .badge_access {
    background: #ecfdf5 !important;
    color: #059669 !important;
    border: 1px solid #a7f3d0 !important;
    font-size: 0.74rem !important;
    font-weight: 600 !important;
    padding: 4px 12px !important;
    border-radius: 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
}

.issue_badges .badge_series {
    background: #f1f5f9 !important;
    color: #475569 !important;
    border: 1px solid #e2e8f0 !important;
    font-size: 0.74rem !important;
    font-weight: 600 !important;
    padding: 4px 12px !important;
    border-radius: 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
}

.issue_desc_heading {
    font-size: 0.80rem !important;
    font-weight: 700 !important;
    color: #64748b !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-top: 4px !important;
    padding-bottom: 6px !important;
    border-bottom: 1px solid #f1f5f9 !important;
}

.issue_desc_heading i {
    color: #0d47a1 !important;
}

/* Paragraf Justify & Typografi Bersih */
.obj_issue_toc .description,
.obj_issue_toc .description p,
.obj_issue_toc .description div {
    text-align: justify !important;
    text-justify: inter-word !important;
    line-height: 1.75 !important;
    font-size: 0.90rem !important;
    color: #334155 !important;
}

.obj_issue_toc .description p {
    margin-bottom: 10px !important;
}

.obj_issue_toc .description p:last-child {
    margin-bottom: 0 !important;
}

/* Metadata Row (DOI & Published Date) */
.issue_meta_row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
    align-items: center !important;
    margin-top: 6px !important;
    padding-top: 12px !important;
    border-top: 1px dashed #e2e8f0 !important;
}

.issue_meta_row .pub_id.doi {
    margin: 0 !important;
    font-size: 0.85rem !important;
    color: #475569 !important;
}

.issue_meta_row .pub_id.doi .type {
    font-weight: 700 !important;
    color: #1e293b !important;
}

.issue_meta_row .pub_id.doi a {
    color: #0d47a1 !important;
    text-decoration: underline !important;
    font-weight: 600 !important;
}

.issue_meta_row .pub_id.doi a:hover {
    color: #1565c0 !important;
}

.issue_meta_row .published {
    margin: 0 !important;
    font-size: 0.85rem !important;
    color: #64748b !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
}

.issue_meta_row .published .label {
    font-weight: 700 !important;
    color: #1e293b !important;
}

.issue_meta_row .published .value {
    color: #0d47a1 !important;
    font-weight: 700 !important;
}

@media (max-width: 768px) {
    .obj_issue_toc .heading,
    .issue_header_card {
        flex-direction: column !important;
        align-items: center !important;
        padding: 16px !important;
        gap: 16px !important;
    }
    .obj_issue_toc .cover {
        width: 100% !important;
        max-width: 200px !important;
        margin: 0 auto !important;
    }
    .issue_details_wrapper {
        width: 100% !important;
    }
}

/* 6. Section Titles */
.obj_issue_toc .section > h3 {
    font-size: 1.1rem;
    font-weight: 700;
    color: #2d3748;
    border-bottom: 1px solid #e2e8f0;
    padding-bottom: 8px;
    margin-bottom: 18px;
}

/* 7. KOMITEK Article Card Styling */
.obj_issue_toc .articles {
    padding-left: 0;
    list-style: none;
}

.obj_issue_toc .articles > li {
    margin-bottom: 22px;
    background: #ffffff url("../../site/images/bg-artikel.png") repeat scroll 0% 0% !important;
    padding: 1.25rem 1.4rem !important;
    border-radius: 0 0 2rem 0 !important;
    border: 1px solid #e2e8f0 !important;
    border-right: 4px solid #1e70bf !important;
    border-bottom: 4px solid #1e70bf !important;
    box-shadow: 0.2rem 0.2rem 0.1rem #1e70bf !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    list-style: none;
    position: relative;
}

.obj_issue_toc .articles > li:hover {
    transform: translateY(-2px);
    box-shadow: 0.3rem 0.3rem 0.2rem #1565c0 !important;
}

/* 8. Article Summary Details */
.obj_article_summary .title {
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 1.05rem;
    line-height: 1.45;
}

.obj_article_summary .title a {
    color: #1a56db !important;
    font-weight: 600;
    text-decoration: none;
}

.obj_article_summary .title a:hover {
    color: #1e429f !important;
    text-decoration: underline;
}

.obj_article_summary .authors {
    font-size: 0.9rem;
    color: #2d3748;
    font-weight: 500;
    margin-bottom: 8px;
}

.obj_article_summary .pages {
    float: right;
    font-size: 0.95rem;
    color: #a0aec0;
    font-weight: 600;
}

/* 9. Galley Links (PDF Button) */
.obj_article_summary .galleys_links {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.obj_article_summary .galleys_links li {
    display: inline-block;
}

.obj_article_summary .galleys_links .obj_galley_link {
    background: #f7fafc;
    color: #2b6cb0;
    border: 1px solid #cbd5e0;
    border-radius: 4px;
    padding: 4px 12px;
    font-size: 0.82rem;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    transition: all 0.2s;
}

.obj_article_summary .galleys_links .obj_galley_link:before {
    content: "\f1c1";
    font-family: FontAwesome;
    margin-right: 6px;
    color: #e53e3e;
}

.obj_article_summary .galleys_links .obj_galley_link:hover {
    background: #2b6cb0;
    color: #ffffff;
    border-color: #2b6cb0;
}
.obj_article_summary .galleys_links .obj_galley_link:hover:before {
    color: #ffffff;
}

/* 10. Article Metrics Bar (Views, Downloads, DOI) */
.article_metrics_bar {
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px dashed #cbd5e0;
    font-size: 0.82rem;
    color: #4a5568;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.article_metrics_bar .metric_item {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.article_metrics_bar .metric_item img {
    height: 14px;
    width: auto;
    vertical-align: middle;
}

.article_metrics_bar .doi_link a {
    color: #2b6cb0;
    text-decoration: none;
    font-weight: 500;
}

.article_metrics_bar .doi_link a:hover {
    text-decoration: underline;
}

/* 11. Right Sidebar Blocks (Unified Blue Accent Card Design) */
.pkp_structure_sidebar {
    padding-top: 15px;
}

/* General Sidebar Card Wrapper */
.pkp_structure_sidebar .pkp_block {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-left: 4px solid #0d47a1 !important; /* Warna border tetap biru! */
    border-radius: 10px !important;
    padding: 16px 16px !important;
    margin-bottom: 20px !important;
    box-shadow: 0 3px 12px rgba(13, 71, 161, 0.05), 0 1px 3px rgba(0, 0, 0, 0.02) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.pkp_structure_sidebar .pkp_block:hover {
    box-shadow: 0 4px 16px rgba(13, 71, 161, 0.10) !important;
}

/* Titles for Sidebar Blocks */
.pkp_structure_sidebar .pkp_block .title,
.pkp_structure_sidebar .pkp_block h2.title {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 0.90rem !important;
    font-weight: 700 !important;
    color: #0d47a1 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border-left: none !important;
    border-bottom: 1.5px solid #e2e8f0 !important;
    padding: 0 0 8px 0 !important;
    margin: 0 0 14px 0 !important;
}

/* Exclude Informasijurnal & sidebarjurnalmenu from card container because their children are already individual button cards */
.pkp_structure_sidebar #customblock-sidebarinformasijurnal,
.pkp_structure_sidebar #customblock-sidebarjurnalmenu {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-bottom: 20px !important;
}

/* Sidebar Menu List Items (JIMNU Style - Blue Accent Cards) */
.sidebar_menu_box {
    display: flex !important;
    flex-direction: column !important;
    gap: 7px !important;
    background: transparent !important;
    border: none !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
}

.sidebar_menu_item {
    padding: 9px 14px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-left: 3.5px solid #0d47a1 !important;
    border-radius: 6px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    transition: all 0.2s ease !important;
    font-size: 0.88rem !important;
}

.sidebar_menu_item:hover {
    background: #f0f7ff !important;
    border-color: #0d47a1 !important;
    border-left-color: #1565c0 !important;
    transform: translateX(3px) !important;
    box-shadow: 0 3px 8px rgba(13, 71, 161, 0.12) !important;
}

.sidebar_menu_item em,
.sidebar_menu_item i {
    color: #0d47a1 !important;
    width: 18px !important;
    text-align: center !important;
    font-size: 0.95rem !important;
}

.sidebar_menu_item a {
    color: #1e293b !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    flex: 1 !important;
}

.sidebar_menu_item a:hover {
    color: #0d47a1 !important;
}

/* ISSN Sidebar Card */
#customblock-sidebarissn,
#customblock-sideissnbarcode {
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

#customblock-sidebarissn .content,
#customblock-sideissnbarcode .content {
    border-radius: 10px !important;
    overflow: hidden !important;
    box-shadow: 0 3px 12px rgba(13, 71, 161, 0.08) !important;
    border: 1px solid #e2e8f0 !important;
    border-left: 4px solid #0d47a1 !important;
    margin-bottom: 0 !important;
}

/* Download Template Block */
#customblock-sidebarhtmltemplate .visitor_header,
#customblock-sidebarhtml .visitor_header {
    background: linear-gradient(135deg, #0d47a1 0%, #1565c0 100%) !important;
    color: #ffffff !important;
    padding: 9px 12px !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    text-align: center !important;
    border-radius: 6px !important;
    margin-bottom: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
}

#customblock-sidebarhtmltemplate .visitor_header:before,
#customblock-sidebarhtml .visitor_header:before {
    content: "\f019" !important;
    font-family: FontAwesome !important;
    font-size: 0.90rem !important;
}

#customblock-sidebarhtmltemplate .sidebar_template_box,
#customblock-sidebarhtml .sidebar_template_box,
#customblock-sidebarhtml p {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center !important;
}

#customblock-sidebarhtmltemplate .sidebar_template_box img,
#customblock-sidebarhtml img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 6px !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
    display: block !important;
    margin: 0 auto !important;
}

#customblock-sidebarhtmltemplate .sidebar_template_box img:hover,
#customblock-sidebarhtml img:hover {
    transform: scale(1.02) !important;
    box-shadow: 0 4px 12px rgba(13, 71, 161, 0.15) !important;
}

/* Recommended Tools Block */
#customblock-toolsbanner .title:before,
#customblock-sidebarrekomendasitools .title:before {
    content: "\f0ad" !important;
    font-family: FontAwesome !important;
    color: #0d47a1 !important;
}

#customblock-toolsbanner ul,
#customblock-sidebarrekomendasitools ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 9px !important;
}

#customblock-toolsbanner li,
#customblock-sidebarrekomendasitools li {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

#customblock-toolsbanner li a,
#customblock-sidebarrekomendasitools li a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px 12px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    height: 48px !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease !important;
}

#customblock-toolsbanner li a:hover,
#customblock-sidebarrekomendasitools li a:hover {
    background: #ffffff !important;
    border-color: #0d47a1 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 10px rgba(13, 71, 161, 0.12) !important;
}

#customblock-toolsbanner li img,
#customblock-sidebarrekomendasitools li img {
    max-height: 32px !important;
    max-width: 85% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}

/* Make Submission / Kirim Naskah Button */
.block_make_submission {
    padding: 12px !important;
}

.block_make_submission .content {
    padding: 0 !important;
    margin: 0 !important;
}

.block_make_submission_link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    background: linear-gradient(135deg, #0d47a1 0%, #1565c0 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 11px 16px !important;
    font-size: 0.90rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    box-shadow: 0 3px 10px rgba(13, 71, 161, 0.25) !important;
    transition: all 0.25s ease !important;
    box-sizing: border-box !important;
}

.block_make_submission_link:before {
    content: "\f093" !important;
    font-family: FontAwesome !important;
    font-size: 1rem !important;
    color: #ffffff !important;
}

.block_make_submission_link:hover {
    background: #0a3880 !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 14px rgba(13, 71, 161, 0.35) !important;
}

/* Browse / Cari */
.block_browse h2.title:before {
    content: "\f002" !important;
    font-family: FontAwesome !important;
    color: #0d47a1 !important;
}

.block_browse .content ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.block_browse .content li {
    font-size: 0.88rem !important;
    color: #334155 !important;
    font-weight: 600 !important;
}

/* Developed By */
.block_developed_by {
    text-align: center !important;
    padding: 12px 14px !important;
}

.block_developed_by .content a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    color: #0d47a1 !important;
    font-weight: 600 !important;
    font-size: 0.86rem !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.block_developed_by .content a:before {
    content: "\f02d" !important;
    font-family: FontAwesome !important;
    color: #0d47a1 !important;
}

.block_developed_by .content a:hover {
    color: #1565c0 !important;
    text-decoration: underline !important;
}

/* Visitor Block */
#customblock-flagvisitor h2.title:before {
    content: "\f0ac" !important;
    font-family: FontAwesome !important;
    color: #0d47a1 !important;
}

#customblock-flagvisitor .visitor_header {
    background: linear-gradient(135deg, #0d47a1 0%, #1565c0 100%) !important;
    color: #ffffff !important;
    padding: 8px 12px !important;
    font-weight: 700 !important;
    font-size: 0.82rem !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    text-align: center !important;
    border-radius: 6px 6px 0 0 !important;
}

#customblock-flagvisitor .visitor_box {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-top: none !important;
    padding: 12px !important;
    text-align: center !important;
    border-radius: 0 0 6px 6px !important;
    margin-bottom: 0 !important;
}

#customblock-flagvisitor .visitor_box img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
}

/* Language Block */
.block_language h2.title:before {
    content: "\f1ab" !important;
    font-family: FontAwesome !important;
    color: #0d47a1 !important;
}

.block_language .content ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
}

.block_language .content li {
    margin: 0 !important;
}

.block_language .content li a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: #f0f7ff !important;
    color: #0d47a1 !important;
    border: 1px solid #dbeafe !important;
    padding: 5px 12px !important;
    border-radius: 16px !important;
    font-size: 0.82rem !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.block_language .content li.current a,
.block_language .content li a:hover {
    background: #0d47a1 !important;
    color: #ffffff !important;
    border-color: #0d47a1 !important;
}

/* Web Feed */
.block_web_feed h2.title:before {
    content: "\f09e" !important;
    font-family: FontAwesome !important;
    color: #0d47a1 !important;
}

.block_web_feed ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    gap: 8px !important;
}

.block_web_feed li a img {
    height: 20px !important;
    width: auto !important;
}

/* 12. Indexing Section (KOMITEK Boxed Logos Style) */
.indexing_section {
    margin-top: 35px;
    margin-bottom: 25px;
    padding-top: 20px;
    border-top: 2px solid #e2e8f0;
}

.indexing_title {
    font-size: 1.05rem;
    font-weight: 700;
    color: #1a202c;
    margin-bottom: 16px;
}

.indexing_title span {
    font-weight: 400;
    color: #4a5568;
}

.indexing_grid {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: center;
}

.indexing_card {
    background: #ffffff;
    border: 1px solid #cbd5e0;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    padding: 8px 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 160px;
    height: 56px;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

.indexing_card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(30, 112, 191, 0.22);
    border-color: #1e70bf;
}

.indexing_card img {
    max-height: 38px;
    max-width: 135px;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
}

/* 13. Breadcrumbs Styling */
.cmp_breadcrumbs {
    margin-bottom: 15px;
    padding: 0;
}
.cmp_breadcrumbs ol {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.cmp_breadcrumbs li {
    display: inline-flex;
    align-items: center;
    color: #718096;
}
.cmp_breadcrumbs li + li:before {
    display: none !important;
    content: none !important;
}
.cmp_breadcrumbs .separator {
    display: inline-block !important;
    margin: 0 8px !important;
    color: #94a3b8 !important;
    font-weight: 400 !important;
}
.cmp_breadcrumbs a {
    color: #1e70bf;
    text-decoration: none;
    font-weight: 600;
}
.cmp_breadcrumbs a:hover {
    text-decoration: underline;
    color: #0d47a1;
}
.cmp_breadcrumbs .current {
    color: #4a5568;
}

/* 14. Article Detail View (KOMITEK Style) */
.page_article {
    padding-top: 5px;
}

.obj_article_details {
    padding: 0 !important;
    position: relative;
}

.obj_article_details > .page_title {
    font-size: 1.55rem !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    color: #1a202c !important;
    margin-top: 10px !important;
    margin-bottom: 22px !important;
    word-break: break-word !important;
}

.obj_article_details .row {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 30px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 15px !important;
    margin-bottom: 25px !important;
    border: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.obj_article_details .row:before,
.obj_article_details .row:after {
    display: none !important;
}

/* Left Column: Main Entry */
.obj_article_details .main_entry {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    width: auto !important;
    float: none !important;
    border: none !important;
    padding: 0 !important;
}

/* Right Column: Entry Details (Metadata boxes & PDF) */
.obj_article_details .entry_details {
    flex: 0 0 250px !important;
    width: 250px !important;
    max-width: 250px !important;
    float: none !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Authors Card (Gaya Kotak Card Border Warna Biru) */
.obj_article_details .item.authors {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-left: 5px solid #0d47a1 !important;
    border-radius: 12px !important;
    padding: 22px 24px !important;
    margin-top: 15px !important;
    margin-bottom: 25px !important;
    box-shadow: 0 4px 18px rgba(13, 71, 161, 0.05), 0 2px 6px rgba(0, 0, 0, 0.02) !important;
}

.obj_article_details .item.authors .authors_heading {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #0d47a1 !important;
    border-bottom: 1.5px solid #e2e8f0 !important;
    padding-bottom: 8px !important;
    margin-bottom: 16px !important;
}

.obj_article_details .authors {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

.obj_article_details .authors li {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px dashed #e2e8f0 !important;
    margin: 0 !important;
}

.obj_article_details .authors li:last-child {
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

.obj_article_details .authors .name {
    font-size: 1rem !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.obj_article_details .authors .affiliation {
    font-size: 0.88rem !important;
    color: #64748b !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-top: 2px !important;
}

.obj_article_details .authors .affiliation i {
    color: #94a3b8 !important;
    font-size: 0.85rem !important;
}

.obj_article_details .authors .userGroup {
    font-size: 0.78rem !important;
    color: #0d47a1 !important;
    font-weight: 600 !important;
    background: #f0f7ff !important;
    padding: 2px 8px !important;
    border-radius: 12px !important;
    width: fit-content !important;
    border: 1px solid #dbeafe !important;
}

/* DOI & Keywords */
.obj_article_details .item.doi,
.obj_article_details .item.keywords {
    padding: 6px 0 !important;
    margin: 0 !important;
    font-size: 0.9rem !important;
    line-height: 1.6 !important;
    border: none !important;
}
.obj_article_details .item.doi .label,
.obj_article_details .item.keywords .label {
    display: inline !important;
    font-weight: 700 !important;
    color: #2d3748 !important;
    text-transform: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 4px 0 0 !important;
}
.obj_article_details .item.doi .value a {
    color: #1e70bf !important;
    text-decoration: none !important;
    word-break: break-all !important;
}
.obj_article_details .item.doi .value a:hover {
    text-decoration: underline !important;
}
.obj_article_details .item.keywords .value {
    color: #2d3748 !important;
}

/* Abstract (JIMNU Style: Card, Border Biru, Justified Text) */
.obj_article_details .item.abstract {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-left: 5px solid #0d47a1 !important;
    border-radius: 12px !important;
    padding: 22px 24px !important;
    box-shadow: 0 4px 18px rgba(13, 71, 161, 0.05), 0 2px 6px rgba(0, 0, 0, 0.02) !important;
}
.obj_article_details .item.abstract .label {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #0d47a1 !important;
    border-bottom: 1.5px solid #e2e8f0 !important;
    padding-bottom: 8px !important;
    margin-bottom: 14px !important;
}
.obj_article_details .item.abstract .label:before {
    content: "\f036" !important;
    font-family: FontAwesome !important;
    color: #0d47a1 !important;
    font-size: 1rem !important;
}
.obj_article_details .item.abstract p,
.obj_article_details .item.abstract .value,
.obj_article_details .item.abstract {
    text-align: justify !important;
    text-justify: inter-word !important;
    font-style: normal !important;
    font-size: 0.93rem !important;
    line-height: 1.75 !important;
    color: #334155 !important;
}

/* References (JIMNU Style: Card, Border Biru) */
.obj_article_details .item.references {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-left: 5px solid #0d47a1 !important;
    border-radius: 12px !important;
    padding: 22px 24px !important;
    box-shadow: 0 4px 18px rgba(13, 71, 161, 0.05), 0 2px 6px rgba(0, 0, 0, 0.02) !important;
}
.obj_article_details .item.references .label {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #0d47a1 !important;
    border-bottom: 1.5px solid #e2e8f0 !important;
    padding-bottom: 8px !important;
    margin-bottom: 14px !important;
}
.obj_article_details .item.references .label:before {
    content: "\f02d" !important;
    font-family: FontAwesome !important;
    color: #0d47a1 !important;
    font-size: 1rem !important;
}
.obj_article_details .item.references .value {
    line-height: 1.7 !important;
    font-size: 0.9rem !important;
    color: #334155 !important;
    text-align: justify !important;
    text-justify: inter-word !important;
}
.obj_article_details .item.references .value p {
    margin-bottom: 12px !important;
    word-break: break-word !important;
}
.obj_article_details .item.references .value a {
    color: #1e70bf !important;
    text-decoration: underline !important;
    word-break: break-all !important;
}
.obj_article_details .item.references .value a:hover {
    color: #0d47a1 !important;
}

/* Entry Details: Hide large issue cover on article view to match KOMITEK */
.obj_article_details .entry_details .cover_image {
    display: none !important;
}

/* Right Column: Entry Details (Metadata boxes & PDF) */
.obj_article_details .entry_details {
    flex: 0 0 260px !important;
    width: 260px !important;
    max-width: 260px !important;
    float: none !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
}

/* PDF Galley Card Button */
.obj_article_details .entry_details .item.galleys {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-left: 4.5px solid #0d47a1 !important;
    border-radius: 10px !important;
    padding: 12px !important;
    box-shadow: 0 3px 12px rgba(13, 71, 161, 0.05), 0 1px 3px rgba(0, 0, 0, 0.02) !important;
    margin: 0 !important;
}

.obj_article_details .entry_details .galleys_links {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

/* High-Contrast Bold PDF Button */
.obj_galley_link,
a.obj_galley_link,
.obj_galley_link.pdf,
a.obj_galley_link.pdf,
.galleys_links .obj_galley_link,
.obj_article_details .entry_details .obj_galley_link,
.obj_article_details .entry_details .item.galleys a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 12px 24px !important;
    background: #0d47a1 !important;
    background: linear-gradient(135deg, #0d47a1 0%, #1976d2 100%) !important;
    border: 1.5px solid #0d47a1 !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 1rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0 4px 14px rgba(13, 71, 161, 0.35) !important;
    transition: all 0.25s ease !important;
    cursor: pointer !important;
    line-height: 1.2 !important;
}

.obj_galley_link:link,
.obj_galley_link:visited,
.obj_galley_link:active,
.obj_galley_link:focus,
a.obj_galley_link:link,
a.obj_galley_link:visited,
a.obj_galley_link:active,
a.obj_galley_link:focus,
.obj_article_details .entry_details .obj_galley_link:link,
.obj_article_details .entry_details .obj_galley_link:visited,
.obj_article_details .entry_details .obj_galley_link:active,
.obj_article_details .entry_details .obj_galley_link:focus {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-decoration: none !important;
}

.obj_galley_link:hover,
a.obj_galley_link:hover,
.obj_article_details .entry_details .obj_galley_link:hover {
    background: #082d64 !important;
    background: linear-gradient(135deg, #082d64 0%, #0d47a1 100%) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border-color: #082d64 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 18px rgba(13, 71, 161, 0.5) !important;
    text-decoration: none !important;
}

.obj_galley_link:before,
a.obj_galley_link:before,
.obj_galley_link.pdf:before,
.obj_article_details .entry_details .obj_galley_link:before {
    content: "\f1c1" !important;
    font-family: FontAwesome !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-size: 1.25rem !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    display: inline-block !important;
    margin-right: 4px !important;
    line-height: 1 !important;
}

/* Metadata Boxes (Published, How to Cite, Issue, Section) - Gaya Kotak Card Border Biru */
.obj_article_details .entry_details .item {
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-left: 4.5px solid #0d47a1 !important;
    border-radius: 10px !important;
    box-shadow: 0 3px 12px rgba(13, 71, 161, 0.05), 0 1px 3px rgba(0, 0, 0, 0.02) !important;
    overflow: hidden !important;
}

.obj_article_details .entry_details .sub_item {
    padding: 0 !important;
    margin: 0 !important;
}

.obj_article_details .entry_details .item > .label,
.obj_article_details .entry_details .sub_item:first-child > .label,
.obj_article_details .entry_details .sub_item > .label {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 9px 14px !important;
    background: #f0f7ff !important;
    border-bottom: 1px solid #dbeafe !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    color: #0d47a1 !important;
    margin: 0 !important;
}

.obj_article_details .entry_details .item > .value,
.obj_article_details .entry_details .sub_item .value {
    padding: 12px 14px !important;
    font-size: 0.86rem !important;
    color: #334155 !important;
    line-height: 1.6 !important;
}

.obj_article_details .entry_details .item > .value a,
.obj_article_details .entry_details .sub_item .value a {
    color: #0d47a1 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.obj_article_details .entry_details .item > .value a:hover,
.obj_article_details .entry_details .sub_item .value a:hover {
    text-decoration: underline !important;
    color: #1565c0 !important;
}

/* Citation Dropdown */
.obj_article_details .citation_display .citation_formats_button {
    background: #f0f7ff !important;
    border: 1.5px solid #0d47a1 !important;
    border-radius: 6px !important;
    padding: 6px 12px !important;
    font-size: 0.82rem !important;
    font-weight: 600 !important;
    color: #0d47a1 !important;
    cursor: pointer !important;
    margin-top: 10px !important;
    transition: all 0.2s ease !important;
}

.obj_article_details .citation_display .citation_formats_button:hover {
    background: #0d47a1 !important;
    color: #ffffff !important;
}

/* ==========================================================================
   ARCHIVE PAGE (Gaya Kotak Card Border Warna Biru)
   ========================================================================== */
.page_issue_archive .issues_archive {
    list-style: none !important;
    padding: 0 !important;
    margin: 20px 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
}

.page_issue_archive .issues_archive > li {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.obj_issue_summary {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 25px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-left: 5px solid #0d47a1 !important;
    border-radius: 12px !important;
    padding: 24px !important;
    box-shadow: 0 4px 18px rgba(13, 71, 161, 0.06), 0 2px 6px rgba(0, 0, 0, 0.03) !important;
    box-sizing: border-box !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.obj_issue_summary:before,
.obj_issue_summary:after {
    display: none !important;
    content: none !important;
}

.obj_issue_summary:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 22px rgba(13, 71, 161, 0.12), 0 3px 8px rgba(0, 0, 0, 0.04) !important;
}

.obj_issue_summary .issue_summary_cover_wrapper {
    flex: 0 0 170px !important;
    width: 170px !important;
    max-width: 170px !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}

.obj_issue_summary .cover {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    text-decoration: none !important;
    float: none !important;
    width: 100% !important;
}

.obj_issue_summary .cover img {
    width: 100% !important;
    height: auto !important;
    max-height: 240px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08) !important;
    display: block !important;
    transition: transform 0.25s ease !important;
}

.obj_issue_summary .cover img:hover {
    transform: scale(1.02) !important;
}

.obj_issue_summary .issue_summary_details {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

.obj_issue_summary h2 {
    margin: 4px 0 2px 0 !important;
    padding: 0 !important;
    line-height: 1.35 !important;
    border: none !important;
}

.obj_issue_summary h2 .title {
    color: #0d47a1 !important;
    font-size: 1.18rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.obj_issue_summary h2 .title:hover {
    color: #1565c0 !important;
    text-decoration: underline !important;
}

.obj_issue_summary h2 .series {
    font-size: 0.90rem !important;
    color: #64748b !important;
    font-weight: 600 !important;
    margin-top: 3px !important;
}

.obj_issue_summary .issue_meta_date {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 0.82rem !important;
    color: #475569 !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    padding: 3px 10px !important;
    border-radius: 16px !important;
    width: fit-content !important;
}

.obj_issue_summary .issue_meta_date i {
    color: #0d47a1 !important;
}

.obj_issue_summary .description,
.obj_issue_summary .description p,
.obj_issue_summary .description div {
    text-align: justify !important;
    text-justify: inter-word !important;
    line-height: 1.75 !important;
    font-size: 0.90rem !important;
    color: #334155 !important;
    margin-top: 6px !important;
    margin-bottom: 8px !important;
}

.obj_issue_summary .issue_summary_action {
    margin-top: 8px !important;
}

.obj_issue_summary .btn_view_issue {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: linear-gradient(135deg, #0d47a1 0%, #1565c0 100%) !important;
    color: #ffffff !important;
    font-size: 0.84rem !important;
    font-weight: 600 !important;
    padding: 8px 18px !important;
    border-radius: 20px !important;
    text-decoration: none !important;
    box-shadow: 0 3px 10px rgba(13, 71, 161, 0.22) !important;
    transition: all 0.25s ease !important;
}

.obj_issue_summary .btn_view_issue:hover {
    background: #0a3880 !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 14px rgba(13, 71, 161, 0.35) !important;
}

@media (max-width: 768px) {
    .obj_issue_summary {
        flex-direction: column !important;
        align-items: center !important;
        padding: 18px !important;
        gap: 16px !important;
    }
    .obj_issue_summary .issue_summary_cover_wrapper {
        width: 100% !important;
        max-width: 180px !important;
        margin: 0 auto !important;
    }
    .obj_issue_summary .issue_summary_details {
        width: 100% !important;
    }
}

/* Same Author Section */
#articlesBySameAuthorList {
    margin-top: 35px !important;
    padding: 20px 24px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}
#articlesBySameAuthorList h3 {
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    color: #1a202c !important;
    margin-top: 0 !important;
    margin-bottom: 14px !important;
    padding-bottom: 6px !important;
    border-bottom: 2px solid #1e70bf !important;
    display: inline-block !important;
}
#articlesBySameAuthorList ul {
    padding-left: 20px !important;
    margin: 0 !important;
}
#articlesBySameAuthorList li {
    margin-bottom: 10px !important;
    line-height: 1.6 !important;
    font-size: 0.88rem !important;
    color: #4a5568 !important;
}
#articlesBySameAuthorList a {
    color: #1e70bf !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}
#articlesBySameAuthorList a:hover {
    text-decoration: underline !important;
    color: #0d47a1 !important;
}

/* Responsive adjustment for Mobile */
@media (max-width: 768px) {
    .obj_article_details .row {
        flex-direction: column !important;
        gap: 20px !important;
    }
    .obj_article_details .entry_details {
        flex: 1 1 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* ==========================================================================
   MODERN FULL-WIDTH BLUE FOOTER (GAYA JIMNU AKSEN BIRU ELEGAN)
   ========================================================================== */
.custom_site_footer {
    background: #091a30 !important;
    background: linear-gradient(180deg, #0d2238 0%, #061322 100%) !important;
    border-top: 3.5px solid #0d47a1 !important;
    color: #cbd5e1 !important;
    padding: 55px 0 30px 0 !important;
    margin-top: 45px !important;
    font-size: 0.90rem !important;
    line-height: 1.6 !important;
    width: 100% !important;
    clear: both !important;
    box-sizing: border-box !important;
}

.custom_site_footer a {
    color: #94a3b8 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.custom_site_footer a:hover {
    color: #38bdf8 !important;
}

.custom_site_footer .footer_container {
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
}

/* 1. Grid 4 Kolom */
.custom_site_footer .footer_grid {
    display: grid !important;
    grid-template-columns: 2.2fr 1fr 1.3fr 1.5fr !important;
    gap: 35px !important;
    margin-bottom: 35px !important;
    align-items: flex-start !important;
}

/* Brand Column */
.custom_site_footer .footer_brand_header {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 14px !important;
}

.custom_site_footer .footer_brand_logo {
    max-height: 48px !important;
    width: auto !important;
    background: #ffffff !important;
    padding: 4px 8px !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
    object-fit: contain !important;
}

.custom_site_footer .footer_brand_icon {
    width: 44px !important;
    height: 44px !important;
    border-radius: 8px !important;
    background: #0d47a1 !important;
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.25rem !important;
    flex-shrink: 0 !important;
}

.custom_site_footer .footer_brand_name {
    color: #ffffff !important;
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    margin: 0 !important;
    line-height: 1.3 !important;
    letter-spacing: 0.3px !important;
}

.custom_site_footer .footer_brand_desc {
    color: #94a3b8 !important;
    font-size: 0.86rem !important;
    line-height: 1.65 !important;
    margin: 0 0 16px 0 !important;
    text-align: justify !important;
    text-justify: inter-word !important;
}

.custom_site_footer .footer_badges {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.custom_site_footer .badge_footer_issn {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    font-size: 0.72rem !important;
    font-family: monospace, sans-serif !important;
    padding: 4px 10px !important;
    border-radius: 6px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
}

.custom_site_footer .badge_footer_issn i {
    color: #38bdf8 !important;
}

.custom_site_footer .badge_footer_oa {
    background: rgba(16, 185, 129, 0.15) !important;
    color: #34d399 !important;
    border: 1px solid rgba(16, 185, 129, 0.3) !important;
    font-size: 0.72rem !important;
    font-weight: 600 !important;
    padding: 4px 10px !important;
    border-radius: 6px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
}

/* Headings with Sleek Blue Accent Underline */
.custom_site_footer .footer_heading {
    color: #ffffff !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    margin: 0 0 16px 0 !important;
    padding-bottom: 8px !important;
    border-bottom: 2.5px solid #1e70bf !important;
    display: inline-block !important;
    letter-spacing: 0.5px !important;
}

/* Navigation Lists */
.custom_site_footer .footer_nav_list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 9px !important;
}

.custom_site_footer .footer_nav_list li {
    margin: 0 !important;
    padding: 0 !important;
}

.custom_site_footer .footer_nav_list a {
    font-size: 0.88rem !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
}

.custom_site_footer .footer_nav_list a i {
    color: #38bdf8 !important;
    font-size: 0.80rem !important;
    opacity: 0.85 !important;
    transition: transform 0.2s ease !important;
}

.custom_site_footer .footer_nav_list a:hover {
    color: #ffffff !important;
    padding-left: 3px !important;
}

.custom_site_footer .footer_nav_list a:hover i {
    transform: translateX(3px) !important;
    color: #60a5fa !important;
}

/* About Column Info */
.custom_site_footer .footer_info_list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 16px 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    font-size: 0.86rem !important;
}

.custom_site_footer .footer_info_list li {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    color: #cbd5e1 !important;
    margin: 0 !important;
}

.custom_site_footer .footer_info_list li i.text-accent {
    color: #38bdf8 !important;
    margin-top: 3px !important;
    font-size: 0.95rem !important;
    flex-shrink: 0 !important;
}

.custom_site_footer .footer_info_list li a {
    color: #e2e8f0 !important;
}

.custom_site_footer .footer_info_list li a:hover {
    color: #38bdf8 !important;
    text-decoration: underline !important;
}

.custom_site_footer .badge_peer_review {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    color: #e2e8f0 !important;
    font-size: 0.78rem !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
}

.custom_site_footer .badge_peer_review i {
    color: #34d399 !important;
    font-size: 1.15rem !important;
    flex-shrink: 0 !important;
}

/* 2. Middle Section: Publisher Details */
.custom_site_footer .footer_publisher_info {
    border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
    padding-top: 25px !important;
    margin-bottom: 25px !important;
}

.custom_site_footer .publisher_content p {
    margin: 0 0 5px 0 !important;
    font-size: 0.86rem !important;
    color: #cbd5e1 !important;
    line-height: 1.6 !important;
}

.custom_site_footer .pub_header {
    color: #94a3b8 !important;
    text-transform: uppercase !important;
    font-size: 0.76rem !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 2px !important;
}

.custom_site_footer .pub_company {
    color: #ffffff !important;
    font-size: 0.96rem !important;
    margin-bottom: 4px !important;
}

.custom_site_footer .publisher_content a {
    color: #38bdf8 !important;
}

.custom_site_footer .publisher_content a:hover {
    text-decoration: underline !important;
    color: #93c5fd !important;
}

/* 3. Bottom Bar: License & Copyright */
.custom_site_footer .footer_bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
    padding-top: 20px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 16px !important;
    font-size: 0.82rem !important;
    color: #94a3b8 !important;
}

.custom_site_footer .footer_license {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}

.custom_site_footer .footer_license img {
    vertical-align: middle !important;
    border-radius: 4px !important;
}

.custom_site_footer .footer_license p,
.custom_site_footer .footer_copyright p {
    margin: 0 !important;
}

.custom_site_footer .footer_license a,
.custom_site_footer .footer_copyright a {
    color: #cbd5e1 !important;
    text-decoration: underline !important;
}

.custom_site_footer .footer_license a:hover,
.custom_site_footer .footer_copyright a:hover {
    color: #38bdf8 !important;
}

/* 4. Floating Back to Top Button */
.back_to_top_btn {
    position: fixed !important;
    bottom: 25px !important;
    right: 25px !important;
    z-index: 1050 !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #0d47a1 0%, #1e70bf 100%) !important;
    color: #ffffff !important;
    border: 2px solid rgba(255, 255, 255, 0.3) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35) !important;
    display: none;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    font-size: 1.1rem !important;
    padding: 0 !important;
}

.back_to_top_btn:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 18px rgba(13, 71, 161, 0.5) !important;
    background: #0a3880 !important;
    color: #ffffff !important;
}

/* Responsive Footer Breakpoints */
@media (max-width: 991px) {
    .custom_site_footer .footer_grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 30px !important;
    }
}

@media (max-width: 600px) {
    .custom_site_footer {
        padding: 40px 0 25px 0 !important;
    }
    .custom_site_footer .footer_grid {
        grid-template-columns: 1fr !important;
        gap: 25px !important;
    }
    .custom_site_footer .footer_bottom {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 12px !important;
    }
}

/* ==========================================================================
   GOOGLE SCHOLAR "CITED BY" SIDEBAR WIDGET (BLUE ACCENT THEME)
   ========================================================================== */
.pkp_structure_sidebar #customblock-scholarcitedby {
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid #e2e8f0 !important;
    border-left: 4px solid #0d47a1 !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: 0 3px 14px rgba(13, 71, 161, 0.07) !important;
    margin-bottom: 20px !important;
}

.pkp_structure_sidebar #customblock-scholarcitedby .content {
    padding: 0 !important;
    margin: 0 !important;
}

.pkp_structure_sidebar #customblock-scholarcitedby h2.title {
    display: none !important;
}

.scholar_cited_card {
    width: 100% !important;
    box-sizing: border-box !important;
}

.scholar_cited_header {
    background: linear-gradient(135deg, #0d47a1 0%, #1565c0 100%) !important;
    color: #ffffff !important;
    font-size: 0.92rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.6px !important;
    padding: 11px 16px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    text-transform: uppercase !important;
    margin: 0 !important;
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
}

.scholar_cited_header svg {
    color: #ffffff !important;
    flex-shrink: 0 !important;
}

.scholar_cited_body {
    padding: 14px 16px 16px 16px !important;
    box-sizing: border-box !important;
}

/* Metric Table */
.scholar_table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 0 0 14px 0 !important;
    font-size: 0.86rem !important;
}

.scholar_table thead th {
    font-size: 0.72rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #64748b !important;
    padding: 4px 4px 8px 4px !important;
    border-bottom: 1.5px solid #e2e8f0 !important;
    font-weight: 700 !important;
}

.scholar_table tbody tr {
    border-bottom: 1px solid #f1f5f9 !important;
    transition: background 0.15s ease !important;
}

.scholar_table tbody tr:last-child {
    border-bottom: none !important;
}

.scholar_table tbody tr:hover {
    background: #f8fafc !important;
}

.scholar_table td {
    padding: 8px 4px !important;
    vertical-align: middle !important;
}

.scholar_table .metric_label {
    font-weight: 600 !important;
    color: #334155 !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 0.85rem !important;
}

.scholar_table .metric_val {
    text-align: center !important;
    font-weight: 800 !important;
    font-size: 0.95rem !important;
}

.scholar_table .metric_val_cite {
    color: #0d47a1 !important;
}

.scholar_table .metric_val_hindex {
    color: #059669 !important;
}

.scholar_table .metric_val_i10 {
    color: #d97706 !important;
}

.scholar_table .metric_val_sub {
    text-align: center !important;
    color: #64748b !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
}

/* Citations Per Year Section */
.scholar_chart_header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin: 12px 0 10px 0 !important;
}

.scholar_chart_title {
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    color: #475569 !important;
    letter-spacing: 0.6px !important;
    text-transform: uppercase !important;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
}

.scholar_badge_year {
    background: #eff6ff !important;
    color: #1d4ed8 !important;
    border: 1px solid #bfdbfe !important;
    font-size: 0.68rem !important;
    padding: 2px 7px !important;
    border-radius: 999px !important;
    font-weight: 700 !important;
}

.scholar_bars_container {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    height: 110px !important;
    padding: 10px 10px 6px 10px !important;
    background: #f8fafc !important;
    border-radius: 8px !important;
    border: 1px solid #e2e8f0 !important;
    margin-bottom: 14px !important;
    box-sizing: border-box !important;
    gap: 6px !important;
}

.scholar_bar_col {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex: 1 !important;
    height: 100% !important;
}

.scholar_bar_val {
    font-size: 0.70rem !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    margin-bottom: 3px !important;
    line-height: 1 !important;
}

.scholar_bar_track {
    width: 22px !important;
    height: 65px !important;
    background: rgba(13, 71, 161, 0.06) !important;
    border-radius: 4px 4px 0 0 !important;
    display: flex !important;
    align-items: flex-end !important;
    overflow: hidden !important;
}

.scholar_bar {
    width: 100% !important;
    background: linear-gradient(180deg, #1e70bf 0%, #0d47a1 100%) !important;
    border-radius: 3px 3px 0 0 !important;
    transition: height 0.3s ease, filter 0.2s ease !important;
}

.scholar_bar_col:hover .scholar_bar {
    background: linear-gradient(180deg, #2563eb 0%, #1565c0 100%) !important;
    filter: brightness(1.15) !important;
}

.scholar_bar_year {
    font-size: 0.70rem !important;
    font-weight: 600 !important;
    color: #64748b !important;
    margin-top: 5px !important;
    line-height: 1 !important;
}

/* Action View Button */
.scholar_action_wrap {
    margin-top: 6px !important;
}

.scholar_view_btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    width: 100% !important;
    padding: 8px 14px !important;
    border: 1.5px solid #0d47a1 !important;
    color: #0d47a1 !important;
    background: #ffffff !important;
    border-radius: 20px !important;
    font-size: 0.82rem !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease !important;
}

.scholar_view_btn:hover {
    background: #0d47a1 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(13, 71, 161, 0.25) !important;
    transform: translateY(-1px) !important;
    text-decoration: none !important;
}

.scholar_view_btn svg {
    stroke: currentColor !important;
    flex-shrink: 0 !important;
}


/* ==========================================================================
   PORTAL (MULTI-JOURNAL DIRECTORY) STYLING
   ========================================================================== */
.portal_about_card {
    background: linear-gradient(135deg, #f8fafc 0%, #f0f7ff 100%) !important;
    border: 1px solid #dbeafe !important;
    border-left: 5px solid #0d47a1 !important;
    border-radius: 10px !important;
    padding: 20px 24px !important;
    margin-bottom: 30px !important;
    box-shadow: 0 2px 10px rgba(13, 71, 161, 0.04) !important;
}

.portal_about_header {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 10px !important;
}

.portal_about_icon {
    width: 32px !important;
    height: 32px !important;
    background: #0d47a1 !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0.95rem !important;
}

.portal_about_title {
    margin: 0 !important;
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    color: #0d47a1 !important;
}

.portal_about_content p {
    margin: 0 !important;
    font-size: 0.92rem !important;
    line-height: 1.7 !important;
    color: #334155 !important;
    text-align: justify !important;
}

.portal_about_content a {
    color: #0d47a1 !important;
    font-weight: 600 !important;
}

.portal_journals_section {
    margin-top: 10px !important;
}

.portal_section_title_row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 22px !important;
    padding-bottom: 12px !important;
    border-bottom: 2px solid #e2e8f0 !important;
    position: relative !important;
}

.portal_section_title_row:after {
    content: "" !important;
    position: absolute !important;
    bottom: -2px !important;
    left: 0 !important;
    width: 80px !important;
    height: 2px !important;
    background: #0d47a1 !important;
}

.portal_section_title {
    margin: 0 !important;
    font-size: 1.30rem !important;
    font-weight: 700 !important;
    color: #0d47a1 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.portal_badge_count {
    background: #eff6ff !important;
    color: #1d4ed8 !important;
    border: 1px solid #bfdbfe !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    padding: 4px 12px !important;
    border-radius: 20px !important;
}

.portal_journals_grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 22px !important;
}

.portal_journal_card {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    gap: 24px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-left: 5px solid #0d47a1 !important;
    border-radius: 12px !important;
    padding: 22px !important;
    box-shadow: 0 4px 14px rgba(13, 71, 161, 0.05), 0 1px 3px rgba(0, 0, 0, 0.03) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
    box-sizing: border-box !important;
}

.portal_journal_card:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 24px rgba(13, 71, 161, 0.12) !important;
    border-color: #cbd5e1 !important;
    border-left-color: #1565c0 !important;
}

.portal_journal_thumb {
    flex: 0 0 145px !important;
    max-width: 145px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.portal_journal_thumb img {
    width: 100% !important;
    height: auto !important;
    max-height: 200px !important;
    border-radius: 8px !important;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12) !important;
    border: 1px solid #e2e8f0 !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.2s ease !important;
}

.portal_journal_thumb img:hover {
    transform: scale(1.03) !important;
}

.portal_thumb_placeholder {
    width: 145px !important;
    height: 190px !important;
    background: #f1f5f9 !important;
    border: 1px dashed #cbd5e1 !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #94a3b8 !important;
    font-size: 2.5rem !important;
}

.portal_journal_body {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    min-width: 0 !important;
}

.portal_journal_name {
    margin: 0 0 8px 0 !important;
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
}

.portal_journal_name a {
    color: #0d47a1 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.portal_journal_name a:hover {
    color: #1565c0 !important;
    text-decoration: underline !important;
}

.portal_journal_badges {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-bottom: 12px !important;
}

.portal_badge_issn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    background: #f0f7ff !important;
    color: #0d47a1 !important;
    border: 1px solid #bfdbfe !important;
    padding: 3px 9px !important;
    border-radius: 4px !important;
    font-size: 0.76rem !important;
    font-weight: 600 !important;
}

.portal_badge_oa {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    background: #ecfdf5 !important;
    color: #059669 !important;
    border: 1px solid #a7f3d0 !important;
    padding: 3px 9px !important;
    border-radius: 4px !important;
    font-size: 0.76rem !important;
    font-weight: 600 !important;
}

.portal_journal_desc {
    font-size: 0.88rem !important;
    line-height: 1.65 !important;
    color: #475569 !important;
    text-align: justify !important;
    margin-bottom: 16px !important;
}

.portal_journal_desc p {
    margin: 0 !important;
}

.portal_journal_actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    align-items: center !important;
    margin-top: auto !important;
    padding-top: 10px !important;
    border-top: 1px solid #f1f5f9 !important;
}

.portal_btn_primary {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 8px 18px !important;
    background: linear-gradient(135deg, #0d47a1 0%, #1565c0 100%) !important;
    color: #ffffff !important;
    border-radius: 20px !important;
    font-weight: 600 !important;
    font-size: 0.84rem !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(13, 71, 161, 0.25) !important;
    transition: all 0.2s ease !important;
}

.portal_btn_primary:hover {
    background: linear-gradient(135deg, #0a3880 0%, #0d47a1 100%) !important;
    box-shadow: 0 4px 14px rgba(13, 71, 161, 0.35) !important;
    transform: translateY(-1px) !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

.portal_btn_outline {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 7px 16px !important;
    background: #ffffff !important;
    border: 1.5px solid #0d47a1 !important;
    color: #0d47a1 !important;
    border-radius: 20px !important;
    font-weight: 600 !important;
    font-size: 0.84rem !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.portal_btn_outline:hover {
    background: #0d47a1 !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

.portal_btn_subtle {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 7px 14px !important;
    background: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
    color: #475569 !important;
    border-radius: 20px !important;
    font-weight: 600 !important;
    font-size: 0.84rem !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.portal_btn_subtle:hover {
    background: #e2e8f0 !important;
    color: #1e293b !important;
    text-decoration: none !important;
}

@media (max-width: 768px) {
    .portal_about_card {
        padding: 16px !important;
        margin-bottom: 20px !important;
    }

    .portal_section_title {
        font-size: 1.15rem !important;
    }

    .portal_journal_card {
        flex-direction: column !important;
        gap: 16px !important;
        padding: 16px !important;
    }

    .portal_journal_thumb {
        max-width: 140px !important;
        margin: 0 auto !important;
    }

    .portal_journal_name {
        text-align: center !important;
        font-size: 1.05rem !important;
    }

    .portal_journal_badges {
        justify-content: center !important;
    }

    .portal_journal_actions {
        flex-direction: column !important;
        width: 100% !important;
        gap: 8px !important;
    }

    .portal_btn_primary,
    .portal_btn_outline,
    .portal_btn_subtle {
        width: 100% !important;
        justify-content: center !important;
        box-sizing: border-box !important;
    }
}
/* Google reCAPTCHA Styling */
.recaptcha_wrapper {
    margin: 18px 0 !important;
    border: none !important;
    padding: 0 !important;
}
.recaptcha_wrapper .recaptcha {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
}