/* =========================================================
   JURNAL ILMIAH MANUNTUNG
   DISTINCT CUSTOM THEME FOR OJS 3.3
   Konsep: clean scientific / pharmaceutical
   BEDA dari tema ERAU:
   - Header lebih terang dan geometris
   - Navigasi navy solid
   - Konten dominan putih + cyan
   - Sidebar model panel vertikal
   - Artikel tanpa card bulat berat
   - Footer minimal
   ========================================================= */

:root {
    /* Palette diselaraskan dengan cover/logo Jurnal Ilmiah Manuntung */
    --jim-navy: #2D577B;
    --jim-blue: #4D80B4;
    --jim-cyan: #48A8DB;
    --jim-sky: #93D4F4;
    --jim-sky-soft: #F1FAFE;
    --jim-white: #FFFFFF;
    --jim-text: #233B50;
    --jim-muted: #61788A;
    --jim-line: #C7E3F0;
    --jim-button: #075FAE;
    --jim-button-hover: #054B89;
    --jim-nav: #075FAE;
    --jim-nav-hover: #054B89;
}

/* =========================================================
   1. GLOBAL
   ========================================================= */

html,
body {
    margin: 0 !important;
    padding: 0 !important;
    background: #F2F8FB !important;
    color: var(--jim-text) !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

a {
    color: var(--jim-blue) !important;
}

a:hover,
a:focus {
    color: var(--jim-cyan) !important;
}


/* =========================================================
   2. PAGE
   ========================================================= */

.pkp_structure_page {
    width: 100% !important;
    max-width: 1160px !important;
    margin: 20px auto !important;
    background: var(--jim-white) !important;
    box-shadow: 0 0 0 1px rgba(23,60,99,.05) !important;
}

.pkp_structure_wrapper {
    background: transparent !important;
}


/* =========================================================
   3. HEADER
   ========================================================= */

.pkp_structure_head {
    position: relative !important;
    overflow: hidden !important;
    background:
        linear-gradient(
            135deg,
            #DFF4FC 0%,
            #A9DDF3 34%,
            #6CBFE0 68%,
            #2D6D9A 100%
        ) !important;
    border-bottom: 0 !important;
}

.pkp_structure_head::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    background:
        repeating-linear-gradient(
            115deg,
            transparent 0 42px,
            rgba(255,255,255,.14) 42px 44px
        ),
        linear-gradient(
            160deg,
            rgba(255,255,255,.12),
            transparent 55%
        ) !important;
    z-index: 0 !important;
}

.pkp_head_wrapper,
.has_site_logo .pkp_head_wrapper {
    position: relative !important;
    z-index: 2 !important;
    padding-top: 0 !important;
}


/* =========================================================
   4. LOGO AREA
   ========================================================= */

.pkp_site_name_wrapper {
    padding: 12px 18px !important;
    background: transparent !important;
}

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

.pkp_site_name > a,
.pkp_site_name .is_img {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

.pkp_site_name .is_img img,
.pkp_site_name > a > img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
}


/* =========================================================
   5. USER MENU
   ========================================================= */

.pkp_navigation_user_wrapper {
    z-index: 5 !important;
    background: transparent !important;
}

.pkp_navigation_user > li > a,
.pkp_navigation_user > li.in_focus > a,
.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus {
    color: var(--jim-navy) !important;
    font-weight: 700 !important;
}

.pkp_navigation_user .task_count {
    background: rgba(23,60,99,.12) !important;
    color: var(--jim-navy) !important;
}


/* =========================================================
   6. NAVIGATION - SOLID NAVY
   ========================================================= */

.pkp_navigation_primary_row {
    background: var(--jim-nav) !important;
    border: 0 !important;
    box-shadow: inset 0 -3px 0 #78CFF2 !important;
}

#navigationPrimary > li > a,
.pkp_navigation_primary > li > a {
    color: var(--jim-white) !important;
    font-weight: 700 !important;
    border: 0 !important;
}

#navigationPrimary > li > a:hover,
#navigationPrimary > li > a:focus,
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
    background: var(--jim-nav-hover) !important;
    color: #FFFFFF !important;
}

#navigationPrimary ul,
.pkp_navigation_primary ul {
    background: var(--jim-white) !important;
    border: 1px solid var(--jim-line) !important;
    box-shadow: 0 8px 20px rgba(23,60,99,.12) !important;
}

#navigationPrimary ul a,
.pkp_navigation_primary ul a {
    color: var(--jim-navy) !important;
}

#navigationPrimary ul a:hover,
#navigationPrimary ul a:focus {
    background: var(--jim-sky-soft) !important;
    color: var(--jim-blue) !important;
}


/* =========================================================
   7. SEARCH
   ========================================================= */

.pkp_head_wrapper .pkp_search .search_prompt {
    color: var(--jim-navy) !important;
}

.pkp_head_wrapper .pkp_search .search_prompt:before {
    color: var(--jim-blue) !important;
}


/* =========================================================
   8. MAIN CONTENT
   ========================================================= */

.pkp_structure_main {
    background: var(--jim-white) !important;
}

.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3 {
    color: var(--jim-navy) !important;
}

.pkp_structure_main h1 {
    padding-left: 14px !important;
    border-left: 5px solid var(--jim-cyan) !important;
}


/* =========================================================
   9. CURRENT ISSUE
   ========================================================= */

.pkp_page_index .current_issue h2 {
    display: inline-block !important;
    padding: 8px 14px !important;
    background: var(--jim-navy) !important;
    color: var(--jim-white) !important;
    border: 0 !important;
    border-radius: 0 !important;
}

.pkp_page_index .current_issue .current_issue_title {
    color: var(--jim-blue) !important;
    font-weight: 700 !important;
}


/* =========================================================
   10. ARTICLE LIST - JIM CARD STYLE
   Tampilan kartu artikel mengikuti referensi pengguna
   ========================================================= */

.obj_article_summary {
    position: relative !important;
    overflow: hidden !important;
    margin: 0 0 14px !important;
    padding: 14px 58px 13px 14px !important;

    background:
        linear-gradient(
            90deg,
            #FFFFFF 0%,
            #FFFFFF 68%,
            #F6FCFF 100%
        ) !important;

    border: 1px solid var(--jim-line) !important;
    border-left: 4px solid #1685D1 !important;
    border-radius: 7px !important;

    box-shadow:
        0 2px 8px rgba(45, 87, 123, .08) !important;
}

/* Ornamen lingkaran biru muda di kanan kartu */
.obj_article_summary::after {
    content: "" !important;
    position: absolute !important;
    right: -43px !important;
    bottom: -53px !important;
    width: 102px !important;
    height: 102px !important;
    border-radius: 50% !important;
    background: rgba(72, 168, 219, .11) !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

.obj_article_summary > * {
    position: relative !important;
    z-index: 1 !important;
}

.obj_article_summary:first-child {
    border-top: 1px solid var(--jim-line) !important;
}

/* Judul artikel */
.obj_article_summary .title,
.obj_article_summary > .title,
.obj_article_summary .title a,
.obj_article_summary > .title a {
    margin-top: 0 !important;
    margin-bottom: 5px !important;
    color: #064C97 !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
    letter-spacing: .1px !important;
    text-decoration: none !important;
}

.obj_article_summary .title a:hover,
.obj_article_summary .title a:focus,
.obj_article_summary > .title a:hover,
.obj_article_summary > .title a:focus {
    color: var(--jim-cyan) !important;
    text-decoration: underline !important;
}

/* Metadata: penulis + halaman */
.obj_article_summary .meta {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 4px 12px !important;
    margin-top: 2px !important;
    margin-bottom: 5px !important;
    color: var(--jim-text) !important;
    font-size: 10.5px !important;
    line-height: 1.45 !important;
}

.obj_article_summary .authors {
    flex: 1 1 80% !important;
    min-width: 0 !important;
    color: var(--jim-text) !important;
}

.obj_article_summary .pages {
    flex: 0 0 auto !important;
    margin-left: auto !important;
    white-space: nowrap !important;
    color: #536B7E !important;
    font-size: 10.5px !important;
}

.obj_article_summary .published {
    color: var(--jim-muted) !important;
    font-size: 10.5px !important;
}

/* Area tombol PDF */
.obj_article_summary .galleys_links,
.obj_article_summary .galleys,
.obj_article_summary ul.galleys_links {
    margin-top: 8px !important;
    margin-bottom: 0 !important;
    padding-left: 0 !important;
}

.obj_article_summary .galleys_links li,
.obj_article_summary .galleys li {
    margin-right: 5px !important;
    margin-bottom: 0 !important;
}

/* Tombol PDF seperti referensi */
.obj_article_summary .obj_galley_link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 22px !important;
    padding: 4px 10px !important;

    background: var(--jim-button) !important;
    border: 1px solid var(--jim-button) !important;
    border-radius: 4px !important;

    color: #FFFFFF !important;
    font-size: 11px !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;
    text-decoration: none !important;

    box-shadow: 0 2px 5px rgba(8, 105, 182, .22) !important;
}

.obj_article_summary .obj_galley_link::before {
    content: "â–§" !important;
    display: inline-block !important;
    margin-right: 4px !important;
    color: #FFFFFF !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

.obj_article_summary .obj_galley_link:hover,
.obj_article_summary .obj_galley_link:focus {
    background: var(--jim-button-hover) !important;
    border-color: var(--jim-button-hover) !important;
    color: #FFFFFF !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 3px 7px rgba(45, 87, 123, .22) !important;
}

/* =========================================================
   11. BUTTONS - OUTLINE STYLE
   ========================================================= */

.cmp_button,
.cmp_button_wire,
.block_make_submission a,
.obj_galley_link,
.cmp_manuscript_button {
    background: var(--jim-white) !important;
    border: 1px solid var(--jim-blue) !important;
    color: var(--jim-blue) !important;
    border-radius: 2px !important;
    box-shadow: none !important;
}

.cmp_button:hover,
.cmp_button:focus,
.cmp_button_wire:hover,
.cmp_button_wire:focus,
.block_make_submission a:hover,
.block_make_submission a:focus,
.obj_galley_link:hover,
.obj_galley_link:focus,
.cmp_manuscript_button:hover,
.cmp_manuscript_button:focus {
    background: var(--jim-blue) !important;
    border-color: var(--jim-blue) !important;
    color: var(--jim-white) !important;
}


/* =========================================================
   12. SIDEBAR - VERTICAL PANEL
   ========================================================= */

.pkp_structure_sidebar {
    background: #F8FCFE !important;
    border-left: 1px solid var(--jim-line) !important;
}

.pkp_block {
    margin: 0 !important;
    padding: 20px 22px !important;
    border-bottom: 1px solid var(--jim-line) !important;
    background: transparent !important;
    box-shadow: none !important;
}

.pkp_block .title {
    display: block !important;
    margin-bottom: 12px !important;
    padding: 0 0 8px !important;
    color: var(--jim-navy) !important;
    font-weight: 700 !important;
    border-bottom: 2px solid var(--jim-cyan) !important;
}

.pkp_block a {
    color: var(--jim-blue) !important;
}

.pkp_block a:hover,
.pkp_block a:focus {
    color: var(--jim-cyan) !important;
}


/* =========================================================
   13. ARTICLE DETAILS
   ========================================================= */

.obj_article_details .entry_details .item {
    background: var(--jim-sky-soft) !important;
    border: 1px solid var(--jim-line) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.obj_article_details .entry_details .item > .label,
.obj_article_details .entry_details .sub_item:first-child > .label {
    background: #DDF1F9 !important;
    color: var(--jim-navy) !important;
}


/* =========================================================
   14. FOOTER - MINIMAL
   ========================================================= */

.pkp_structure_footer_wrapper {
    background: var(--jim-navy) !important;
    border-top: 5px solid var(--jim-cyan) !important;
    border-bottom: 0 !important;
}

.pkp_structure_footer,
.pkp_footer_content,
.pkp_structure_footer a {
    color: var(--jim-white) !important;
}

.pkp_structure_footer a:hover,
.pkp_structure_footer a:focus {
    color: var(--jim-sky) !important;
}

.pkp_brand_footer {
    display: none !important;
}


/* =========================================================
   15. MOBILE / ANDROID
   ========================================================= */

@media (max-width: 767px) {

    html,
    body {
        background: var(--jim-white) !important;
    }

    .pkp_structure_page {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        box-shadow: none !important;
    }

    .pkp_structure_head {
        background:
            linear-gradient(
                135deg,
                #BFE7F7,
                #62C2E8,
                #2D6D9A
            ) !important;
    }

    .pkp_site_name_wrapper {
        padding: 6px 8px 6px 54px !important;
    }

    .pkp_site_name .is_img img,
    .pkp_site_name > a > img {
        display: block !important;
        width: auto !important;
        height: 42px !important;
        max-width: 100% !important;
        max-height: 42px !important;
        margin: 0 auto !important;
        object-fit: contain !important;
    }

    .pkp_navigation_primary_row {
        background: var(--jim-nav) !important;
        box-shadow: inset 0 -3px 0 #78CFF2 !important;
    }

    .obj_article_summary {
        padding: 14px 0 !important;
    }

    .pkp_structure_sidebar {
        border-left: 0 !important;
        border-top: 1px solid var(--jim-line) !important;
    }

    .pkp_block {
        padding: 16px !important;
    }
}

/* EMAIL BUTTON */
a[href^="mailto:"] {
    display: inline-block;
    padding: 7px 14px !important;

    background: var(--jim-blue) !important;
    color: #ffffff !important;

    border-radius: 20px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

a[href^="mailto:"]:hover,
a[href^="mailto:"]:focus {
    background: var(--jim-navy) !important;
    color: #ffffff !important;
}
/* CREATIVE COMMONS LICENSE - always visible */
a[href*="creativecommons.org"],
a[href*="creativecommons.org"]:visited,
a[href*="creativecommons.org"]:active {
    color: var(--jim-blue) !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-decoration: underline !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 2px !important;
}

a[href*="creativecommons.org"]:hover,
a[href*="creativecommons.org"]:focus {
    color: var(--jim-navy) !important;
    opacity: 1 !important;
    text-decoration: underline !important;
}

p:has(a[href*="creativecommons.org"]),
div:has(> a[href*="creativecommons.org"]) {
    color: var(--jim-text) !important;
    opacity: 1 !important;
}


/* =========================================================
   RESPONSIVE CARD ARTICLE
   ========================================================= */
@media (max-width: 767px) {
    .obj_article_summary {
        margin: 0 0 10px !important;
        padding: 12px 38px 12px 11px !important;
        border-left-width: 3px !important;
        border-radius: 6px !important;
    }

    .obj_article_summary::after {
        right: -55px !important;
        bottom: -58px !important;
        width: 105px !important;
        height: 105px !important;
    }

    .obj_article_summary .title,
    .obj_article_summary .title a {
        font-size: 12px !important;
        line-height: 1.4 !important;
    }

    .obj_article_summary .meta {
        display: block !important;
        font-size: 10px !important;
    }

    .obj_article_summary .pages {
        display: block !important;
        margin-top: 2px !important;
        margin-left: 0 !important;
    }

    .obj_article_summary .obj_galley_link {
        padding: 5px 9px !important;
        font-size: 10.5px !important;
    }
}


/* =========================================================
   FINAL JIM DARK BLUE OVERRIDE
   Navigation + PDF dibuat satu keluarga warna
   ========================================================= */
.pkp_navigation_primary_row {
    background: var(--jim-nav) !important;
    border-top: 1px solid rgba(255,255,255,.18) !important;
    border-bottom: 3px solid #71C8EB !important;
    box-shadow: none !important;
}

#navigationPrimary > li > a,
.pkp_navigation_primary > li > a {
    color: #FFFFFF !important;
    text-shadow: 0 1px 0 rgba(0,0,0,.08) !important;
}

#navigationPrimary > li > a:hover,
#navigationPrimary > li > a:focus,
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
    background: var(--jim-nav-hover) !important;
    color: #FFFFFF !important;
}

.obj_article_summary .obj_galley_link {
    background: var(--jim-button) !important;
    border-color: var(--jim-button) !important;
    color: #FFFFFF !important;
}

.obj_article_summary .obj_galley_link:hover,
.obj_article_summary .obj_galley_link:focus {
    background: var(--jim-button-hover) !important;
    border-color: var(--jim-button-hover) !important;
    color: #FFFFFF !important;
}

@media (max-width: 767px) {
    .pkp_navigation_primary_row {
        background: var(--jim-nav) !important;
        border-bottom: 3px solid #71C8EB !important;
        box-shadow: none !important;
    }
}


/* =========================================================
   FULL LOGO HEADER
   Banner/logo dibuat full tanpa space di sekelilingnya
   ========================================================= */

/* Hilangkan ruang di area header logo */
.pkp_structure_head,
.pkp_head_wrapper,
.has_site_logo .pkp_head_wrapper,
.pkp_site_name_wrapper,
.pkp_site_name,
.pkp_site_name > a,
.pkp_site_name .is_img {
    padding: 0 !important;
    margin: 0 !important;
}

/* Banner/logo full */
.pkp_site_name {
    width: 100% !important;
    max-width: 100% !important;
    text-align: left !important;
}

.pkp_site_name .is_img img,
.pkp_site_name > a > img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* Jika ada container internal bawaan theme yang masih memberi jarak */
.pkp_structure_head .pkp_site_name_wrapper,
.pkp_structure_head .pkp_head_wrapper {
    background: transparent !important;
}

/* Mobile: tetap full namun proporsional */
@media (max-width: 767px) {
    .pkp_site_name_wrapper,
    .pkp_site_name,
    .pkp_site_name > a,
    .pkp_site_name .is_img {
        padding: 0 !important;
        margin: 0 !important;
    }

    .pkp_site_name .is_img img,
    .pkp_site_name > a > img {
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        margin: 0 !important;
        object-fit: cover !important;
    }
}


/* =========================================================
   USER MENU - WHITE TEXT
   Nama user seperti "yulia" dibuat putih
   ========================================================= */
.pkp_navigation_user_wrapper,
.pkp_navigation_user,
.pkp_navigation_user li,
.pkp_navigation_user li > a,
.pkp_navigation_user > li > a,
.pkp_navigation_user > li.in_focus > a {
    color: #FFFFFF !important;
}

.pkp_navigation_user li > a:hover,
.pkp_navigation_user li > a:focus,
.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus,
.pkp_navigation_user > li.in_focus > a:hover,
.pkp_navigation_user > li.in_focus > a:focus {
    color: #FFFFFF !important;
}

/* Ikon/dropdown/task count di area user */
.pkp_navigation_user .task_count,
.pkp_navigation_user .dropdown-toggle,
.pkp_navigation_user .dropdown-toggle::after,
.pkp_navigation_user a::before,
.pkp_navigation_user a::after {
    color: #FFFFFF !important;
}


/* =========================================================
   NAVIGATION PADDING
   Memberi jarak agar menu Home tidak terlalu mepet ke sisi
   ========================================================= */

/* Wrapper menu utama */
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper,
.pkp_navigation_primary_wrapper {
    padding-left: 18px !important;
    padding-right: 18px !important;
    box-sizing: border-box !important;
}

/* Fallback jika theme OJS tidak memakai wrapper di atas */
#navigationPrimary,
.pkp_navigation_primary {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Mobile dibuat sedikit lebih rapat */
@media (max-width: 767px) {
    .pkp_navigation_primary_row .pkp_navigation_primary_wrapper,
    .pkp_navigation_primary_wrapper {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}


/* =========================================================
   USER DROPDOWN MENU
   Username tetap putih, isi dropdown biru tua di atas putih
   ========================================================= */

/* Username utama tetap putih */
.pkp_navigation_user > li > a,
.pkp_navigation_user > li.in_focus > a {
    color: #FFFFFF !important;
}

/* Kotak dropdown */
.pkp_navigation_user ul,
.pkp_navigation_user .dropdown-menu {
    background: #FFFFFF !important;
    border: 1px solid #BFD7E8 !important;
    border-radius: 3px !important;
    box-shadow: 0 4px 10px rgba(23, 60, 99, .14) !important;
    padding: 3px 0 !important;
}

/* Link di dalam dropdown */
.pkp_navigation_user ul li > a,
.pkp_navigation_user .dropdown-menu li > a,
.pkp_navigation_user li ul li a {
    display: block !important;
    padding: 6px 9px !important;
    background: #FFFFFF !important;
    color: #075FAE !important;
    font-weight: 400 !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    text-shadow: none !important;
    text-decoration: none !important;
    opacity: 1 !important;
}

/* Hover/focus dropdown */
.pkp_navigation_user ul li > a:hover,
.pkp_navigation_user ul li > a:focus,
.pkp_navigation_user .dropdown-menu li > a:hover,
.pkp_navigation_user .dropdown-menu li > a:focus,
.pkp_navigation_user li ul li a:hover,
.pkp_navigation_user li ul li a:focus {
    background: #EDF8FD !important;
    color: #054B89 !important;
    text-decoration: none !important;
}

/* Hilangkan efek putih dari pseudo-element di dropdown */
.pkp_navigation_user ul a::before,
.pkp_navigation_user ul a::after,
.pkp_navigation_user .dropdown-menu a::before,
.pkp_navigation_user .dropdown-menu a::after {
    color: #075FAE !important;
}


/* =========================================================
   ARTICLE CARD - LARGER & MORE READABLE
   Memperbesar kartu artikel agar lebih nyaman dibaca
   ========================================================= */

.obj_article_summary {
    padding: 18px 64px 17px 18px !important;
    margin-bottom: 18px !important;
    border-radius: 8px !important;
    min-height: 86px !important;
}

/* Judul artikel diperbesar */
.obj_article_summary .title,
.obj_article_summary > .title,
.obj_article_summary .title a,
.obj_article_summary > .title a {
    font-size: 15px !important;
    line-height: 1.42 !important;
    font-weight: 800 !important;
    margin-bottom: 8px !important;
}

/* Nama penulis */
.obj_article_summary .meta,
.obj_article_summary .authors {
    font-size: 12px !important;
    line-height: 1.55 !important;
}

/* Nomor halaman */
.obj_article_summary .pages {
    font-size: 12px !important;
    line-height: 1.5 !important;
}

/* Tanggal publikasi bila ada */
.obj_article_summary .published {
    font-size: 11.5px !important;
    line-height: 1.5 !important;
}

/* Tombol PDF diperbesar */
.obj_article_summary .obj_galley_link {
    min-height: 28px !important;
    padding: 6px 13px !important;
    font-size: 12px !important;
    border-radius: 4px !important;
}

/* Ikon PDF ikut proporsional */
.obj_article_summary .obj_galley_link::before {
    font-size: 12px !important;
    margin-right: 5px !important;
}

/* Jarak area galley dari metadata */
.obj_article_summary .galleys_links,
.obj_article_summary .galleys,
.obj_article_summary ul.galleys_links {
    margin-top: 10px !important;
}

/* Ornamen kanan sedikit diperbesar */
.obj_article_summary::after {
    width: 118px !important;
    height: 118px !important;
    right: -48px !important;
    bottom: -62px !important;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width: 767px) {

    .obj_article_summary {
        padding: 15px 42px 15px 14px !important;
        min-height: auto !important;
        margin-bottom: 13px !important;
    }

    .obj_article_summary .title,
    .obj_article_summary .title a {
        font-size: 13.5px !important;
        line-height: 1.45 !important;
    }

    .obj_article_summary .meta,
    .obj_article_summary .authors,
    .obj_article_summary .pages {
        font-size: 11px !important;
    }

    .obj_article_summary .obj_galley_link {
        min-height: 26px !important;
        padding: 6px 11px !important;
        font-size: 11.5px !important;
    }
}


/* =========================================================
   CURRENT ISSUE - SMALL BRIGHT BLUE
   Warna disamakan dengan tombol PDF dan kotak diperkecil
   ========================================================= */

.pkp_page_index .current_issue h2 {
    display: inline-block !important;

    /* ukuran lebih kecil */
    padding: 6px 10px !important;
    margin-bottom: 12px !important;

    /* warna seperti tombol PDF */
    background: var(--jim-button) !important;
    color: #FFFFFF !important;

    border: 1px solid var(--jim-button) !important;
    border-radius: 4px !important;

    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;

    box-shadow: 0 2px 5px rgba(8, 105, 182, .18) !important;
}

/* Hover bila judul Current Issue berupa link */
.pkp_page_index .current_issue h2 a {
    color: #FFFFFF !important;
    text-decoration: none !important;
}

.pkp_page_index .current_issue h2:hover,
.pkp_page_index .current_issue h2:focus-within {
    background: var(--jim-button-hover) !important;
    border-color: var(--jim-button-hover) !important;
}

.pkp_page_index .current_issue h2 a:hover,
.pkp_page_index .current_issue h2 a:focus {
    color: #FFFFFF !important;
}

/* Mobile lebih ringkas lagi */
@media (max-width: 767px) {
    .pkp_page_index .current_issue h2 {
        padding: 5px 9px !important;
        font-size: 13px !important;
        margin-bottom: 10px !important;
    }
}


/* =========================================================
   FOOTER OUTER BOX - SAME BLUE AS EMAIL BUTTON
   Bingkai/background biru besar disamakan dengan tombol email
   ========================================================= */

.pkp_structure_footer_wrapper {
    background: var(--jim-blue) !important;
    border-top: 5px solid var(--jim-blue) !important;
    border-bottom: 0 !important;
}

/* Jika theme memakai elemen footer/container tambahan */
.pkp_structure_footer {
    border-color: var(--jim-blue) !important;
}

/* Pastikan tombol email tetap konsisten */
.pkp_structure_footer a[href^="mailto:"],
a[href^="mailto:"] {
    background: var(--jim-blue) !important;
    border-color: var(--jim-blue) !important;
    color: #FFFFFF !important;
}

/* Hover tombol email sedikit lebih tua */
.pkp_structure_footer a[href^="mailto:"]:hover,
.pkp_structure_footer a[href^="mailto:"]:focus,
a[href^="mailto:"]:hover,
a[href^="mailto:"]:focus {
    background: var(--jim-navy) !important;
    border-color: var(--jim-navy) !important;
    color: #FFFFFF !important;
}




/* =========================================================
   FINAL FIX - CUSTOMBLOCK POLICIES
   Berdasarkan selector aktual dari DevTools
   Normal / Hover / Focus / Visited / Active = PUTIH
   ========================================================= */

#customblock-policies,
#customblock-policies .content,
#customblock-policies .content p {
    color: #FFFFFF !important;
}

#customblock-policies a,
#customblock-policies a:link,
#customblock-policies a:visited,
#customblock-policies a:hover,
#customblock-policies a:focus,
#customblock-policies a:active,
#customblock-policies .content a,
#customblock-policies .content p a {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    opacity: 1 !important;
    text-shadow: none !important;
    text-decoration-color: #FFFFFF !important;
}

/* Bila item menu memakai paragraf sebagai baris */
#customblock-policies .content p {
    background: #075FAE !important;
}

/* Pertahankan putih ketika mouse diarahkan */
#customblock-policies .content p:hover,
#customblock-policies .content p:hover a,
#customblock-policies .content p:focus-within,
#customblock-policies .content p:focus-within a {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    background: #075FAE !important;
}

/* =========================================================
   FINAL FIX - PRIMARY NAVIGATION DROPDOWN (ABOUT)
   Memastikan submenu OJS tidak terpotong oleh header dan
   dapat tampil saat hover, focus, klik/tap (class in_focus).
   ========================================================= */

/* Penyebab utama: submenu absolute terpotong karena header overflow:hidden */
.pkp_structure_head {
    overflow: visible !important;
}

/* Pastikan semua wrapper navigasi mengizinkan dropdown keluar ke bawah */
.pkp_navigation_primary_row,
.pkp_navigation_primary_wrapper,
#navigationPrimary,
.pkp_navigation_primary {
    overflow: visible !important;
}

/* Parent submenu menjadi titik acuan posisi dropdown */
#navigationPrimary > li,
.pkp_navigation_primary > li {
    position: relative !important;
}

/* Kondisi default submenu */
#navigationPrimary > li > ul,
.pkp_navigation_primary > li > ul {
    position: absolute !important;
    top: 100% !important;
    left: -9999px !important;
    z-index: 9999 !important;
    display: block !important;
    min-width: 220px !important;
    margin: 0 !important;
    padding: 5px 0 !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Tampilkan submenu pada hover, keyboard focus, dan class OJS in_focus */
#navigationPrimary > li:hover > ul,
#navigationPrimary > li:focus-within > ul,
#navigationPrimary > li.in_focus > ul,
.pkp_navigation_primary > li:hover > ul,
.pkp_navigation_primary > li:focus-within > ul,
.pkp_navigation_primary > li.in_focus > ul {
    left: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

/* Pastikan submenu berada di atas breadcrumb/konten */
.pkp_navigation_primary_row {
    position: relative !important;
    z-index: 1000 !important;
}

.pkp_structure_content,
.pkp_structure_main {
    position: relative;
    z-index: 1;
}

/* Tampilan item submenu */
#navigationPrimary > li > ul > li,
.pkp_navigation_primary > li > ul > li {
    display: block !important;
    width: 100% !important;
}

#navigationPrimary > li > ul > li > a,
.pkp_navigation_primary > li > ul > li > a {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 9px 14px !important;
    white-space: nowrap !important;
}

/* Mobile/touch: jangan dipotong oleh header */
@media (max-width: 767px) {
    .pkp_structure_head,
    .pkp_navigation_primary_row,
    .pkp_navigation_primary_wrapper,
    #navigationPrimary,
    .pkp_navigation_primary {
        overflow: visible !important;
    }
}