/* FULL WIDTH HEADER */
.pkp_site_name {
    width: 100% !important;
    max-width: 100% !important;
}

.pkp_site_name_wrapper {
    width: 100% !important;
    max-width: 100% !important;
}

/* Logo jadi full banner */
.pkp_site_name .is_img img {
    width: 100% !important;
    max-height: none !important;
}

/* Hilangkan padding biar mentok */
.pkp_navigation_primary_row {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Navbar warna Jatimika */
.pkp_navigation_primary_wrapper {
    background: #2d3e70 !important;
}

/* Background utama/header OJS */
.pkp_structure_head {
    background: #0b1f4d !important;
}

/* Navbar */
.pkp_navigation_primary_wrapper {
    background: #0b1f4d !important;
}

/* Area menu */
.pkp_site_nav_menu {
    background: #0b1f4d !important;
}

/* =========================================================
   MOBILE FIX ONLY — DESKTOP TIDAK DIUBAH
   Banner aman dari hamburger + konten tidak overlap
   ========================================================= */

@media screen and (max-width: 767px) {

    /* Wrapper header mengikuti tinggi banner */
    .pkp_site_name_wrapper {
        display: block !important;
        position: relative !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

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

        overflow: visible !important;
    }


    /* Banner digeser ke kanan agar logo tidak tertutup hamburger */
    .pkp_site_name {
        display: block !important;
        position: relative !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        width: calc(100% - 58px) !important;
        max-width: calc(100% - 58px) !important;

        height: auto !important;
        max-height: none !important;

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

        text-align: left !important;
        overflow: visible !important;
    }


    .pkp_site_name .is_img {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;

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


    /* Banner tetap proporsional */
    .pkp_site_name .is_img img {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        max-height: none !important;

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

        object-fit: contain !important;
    }


    /* Header mengikuti tinggi banner */
    .pkp_head_wrapper,
    .pkp_structure_head {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        overflow: visible !important;
    }


    /* Hamburger tetap di kiri */
    .pkp_site_nav_toggle {
        position: absolute !important;

        top: 0 !important;
        left: 0 !important;

        z-index: 1000 !important;

        width: 58px !important;
        height: 58px !important;

        margin: 0 !important;

        background: #0b1f4d !important;
    }


    /* Register/Login disembunyikan hanya pada HP */
    .pkp_navigation_user_wrapper {
        display: none !important;
    }


    /* Konten mulai setelah header */
    .pkp_structure_content {
        clear: both !important;

        position: relative !important;

        margin-top: 0 !important;
        padding-top: 0 !important;
    }


    .pkp_structure_main {
        clear: both !important;

        width: 100% !important;
        max-width: 100% !important;

        float: none !important;
    }


    /* Current Issue tetap aman di bawah banner */
    .page_index_journal .current_issue {
        margin-top: 0 !important;
        padding-top: 24px !important;
    }


    /* Rapikan isi */
    .page_index_journal {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }


    .obj_issue_summary .cover {
        float: none !important;

        width: 100% !important;

        margin: 20px 0 26px !important;

        text-align: center !important;
    }


    .obj_issue_summary .cover img {
        display: block !important;

        width: auto !important;
        max-width: 78% !important;

        height: auto !important;

        margin: 0 auto !important;
    }


    .obj_issue_summary .description {
        float: none !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
    }
}


/* HP kecil */
@media screen and (max-width: 480px) {

    .page_index_journal {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .obj_issue_summary .cover img {
        max-width: 82% !important;
    }
}


/* =========================================================
   JATIMIKA MODERN UI
   TAHAP 1
   Current Issue + Article List
   ========================================================= */

/* ---------- MAIN CONTENT ---------- */

.pkp_structure_content {
    background: #f5f7fb !important;
}


/* ---------- CURRENT ISSUE AREA ---------- */

.page_index_journal .current_issue {
    background: #ffffff !important;
    padding: 32px !important;
    margin-bottom: 25px !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 18px rgba(0,0,0,0.08) !important;
}


/* Judul Current Issue */

.page_index_journal .current_issue h2 {
    font-size: 26px !important;
    font-weight: 700 !important;
    color: #0b1f4d !important;
    margin-bottom: 25px !important;
}


/* ---------- ISSUE SUMMARY ---------- */

.obj_issue_summary {
    background: #ffffff !important;
    border: none !important;
    padding: 20px !important;
    margin-bottom: 25px !important;
    border-radius: 10px !important;
}


/* Cover */

.obj_issue_summary .cover {
    border-radius: 8px !important;
    overflow: hidden !important;
}


.obj_issue_summary .cover img {
    border-radius: 8px !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.15) !important;
}


/* Judul issue */

.obj_issue_summary .title {
    color: #0b1f4d !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}


/* Deskripsi */

.obj_issue_summary .description {
    color: #555 !important;
    line-height: 1.7 !important;
}


/* ---------- PUBLISHED ---------- */

.obj_issue_summary .published {
    color: #555 !important;
    font-size: 13px !important;
}


/* ---------- ARTICLE SECTION ---------- */

.page_index_journal .articles {
    background: transparent !important;
}


.page_index_journal .articles h2 {
    color: #0b1f4d !important;
    font-size: 21px !important;
    font-weight: 700 !important;
    margin-bottom: 18px !important;
}


/* ---------- ARTICLE CARD ---------- */

.obj_article_summary {
    background: #ffffff !important;
    border: 1px solid #e5e9f2 !important;
    border-radius: 10px !important;

    padding: 20px 22px !important;
    margin-bottom: 14px !important;

    box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;

    transition: all 0.25s ease !important;
}


/* Hover artikel */

.obj_article_summary:hover {
    transform: translateY(-2px) !important;

    box-shadow: 0 7px 20px rgba(0,0,0,0.10) !important;

    border-color: #2d3e70 !important;
}


/* ---------- ARTICLE TITLE ---------- */

.obj_article_summary .title {
    font-size: 16px !important;
    line-height: 1.5 !important;
    font-weight: 700 !important;

    margin-bottom: 8px !important;
}


.obj_article_summary .title a {
    color: #0b1f4d !important;
    text-decoration: none !important;
}


.obj_article_summary .title a:hover {
    color: #2d5aa8 !important;
}


/* ---------- AUTHORS ---------- */

.obj_article_summary .authors {
    color: #666 !important;
    font-size: 13px !important;
    margin-bottom: 10px !important;
}


/* ---------- PAGES ---------- */

.obj_article_summary .pages {
    color: #777 !important;
    font-size: 12px !important;
}


/* ---------- PDF BUTTON ---------- */

.obj_article_summary .galleys a {
    display: inline-block !important;

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

    border: none !important;
    border-radius: 5px !important;

    padding: 7px 14px !important;

    font-size: 12px !important;
    font-weight: 600 !important;

    text-decoration: none !important;

    transition: 0.2s ease !important;
}


.obj_article_summary .galleys a:hover {
    background: #2d5aa8 !important;
}


/* ---------- SIDEBAR ---------- */

.pkp_structure_sidebar {
    padding-left: 25px !important;
}


.pkp_block {
    background: #ffffff !important;

    padding: 18px !important;
    margin-bottom: 18px !important;

    border-radius: 10px !important;

    box-shadow: 0 3px 12px rgba(0,0,0,0.06) !important;
}


.pkp_block .title {
    color: #0b1f4d !important;
    font-weight: 700 !important;
}


/* ---------- SUBMISSION BUTTON ---------- */

.block_make_submission a {
    display: block !important;

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

    text-align: center !important;

    padding: 11px !important;

    border-radius: 6px !important;

    font-weight: 600 !important;

    text-decoration: none !important;
}


.block_make_submission a:hover {
    background: #2d5aa8 !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 767px) {

    .page_index_journal .current_issue {
        padding: 20px !important;
        border-radius: 8px !important;
    }

    .page_index_journal .current_issue h2 {
        font-size: 22px !important;
    }

    .obj_issue_summary {
        padding: 10px !important;
    }

    .obj_article_summary {
        padding: 16px !important;
        margin-bottom: 12px !important;
    }

    .obj_article_summary .title {
        font-size: 15px !important;
    }

    .pkp_structure_sidebar {
        padding-left: 0 !important;
        margin-top: 20px !important;
    }

}


/* =========================================================
   JATIMIKA MODERN FOOTER
   ========================================================= */

.jatimika-footer {
    width: 100%;
    background: #eef6fb;
    border-top: 4px solid #17658f;
    color: #244b66;
    margin-top: 40px;
}


.jatimika-footer-inner {
    max-width: 1200px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 45px;

    padding: 45px 35px 40px;
}


/* ---------- JUDUL ---------- */

.jatimika-footer-column h3 {
    margin: 0 0 8px 0;

    color: #14557d;

    font-size: 25px;
    font-weight: 700;

    text-transform: none;
}


/* ---------- GARIS BAWAH JUDUL ---------- */

.jatimika-footer-line {
    width: 80px;
    height: 4px;

    background: #17658f;

    border-radius: 4px;

    margin-bottom: 25px;
}


/* ---------- NAMA JURNAL ---------- */

.jatimika-footer-column h4 {
    color: #14557d;

    font-size: 18px;
    line-height: 1.5;

    margin: 0 0 12px;
}


/* ---------- TEKS ---------- */

.jatimika-footer-column p {
    font-size: 15px;
    line-height: 1.8;

    color: #486273;

    margin: 0 0 18px;
}


.jatimika-footer-column strong {
    color: #14557d;
}


/* ---------- MAP ---------- */

.jatimika-map {
    width: 100%;

    overflow: hidden;

    border-radius: 12px;

    box-shadow: 0 4px 15px rgba(0,0,0,0.10);

    background: #ffffff;
}


.jatimika-map iframe {
    display: block;

    width: 100%;

    min-height: 260px;

    border: 0;
}


/* ---------- GARIS ---------- */

.jatimika-footer-divider {
    max-width: 1200px;

    height: 1px;

    background: #d5e3ec;

    margin: 0 auto;
}


/* ---------- FOOTER BAWAH ---------- */

.jatimika-footer-bottom {
    max-width: 1200px;

    margin: 0 auto;

    padding: 22px 35px 28px;

    text-align: center;

    font-size: 14px;

    line-height: 1.8;

    color: #6a7c88;
}


.jatimika-footer-bottom strong {
    color: #14557d;
}


.jatimika-footer-bottom span {
    margin: 0 12px;

    color: #9aaab5;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 767px) {

    .jatimika-footer-inner {
        grid-template-columns: 1fr;

        gap: 30px;

        padding: 35px 20px;
    }


    .jatimika-footer-column h3 {
        font-size: 22px;
    }


    .jatimika-footer-column h4 {
        font-size: 16px;
    }


    .jatimika-map iframe {
        min-height: 230px;
    }


    .jatimika-footer-bottom {
        padding: 20px;

        font-size: 13px;
    }


    .jatimika-footer-bottom span {
        display: none;
    }

}



/* Sembunyikan branding OJS/PKP di footer */
.pkp_brand_footer {
    display: none !important;
}



/* =========================================
   COMPACT JATIMIKA FOOTER
   ========================================= */

.jatimika-footer {
    margin-top: 25px !important;
    background: #eef6fb;
    border-top: 3px solid #17658f;
}

/* Area dua kolom */
.jatimika-footer-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 35px;
    padding: 28px 30px 25px;
}

/* Judul */
.jatimika-footer-column h3 {
    margin: 0 0 8px !important;
    font-size: 18px !important;
    line-height: 1.3;
    color: #17658f;
}

/* Garis kecil */
.jatimika-footer-line {
    width: 45px;
    height: 3px;
    background: #f2b705;
    margin-bottom: 15px;
}

/* Nama jurnal */
.jatimika-footer-column h4 {
    margin: 0 0 10px !important;
    font-size: 14px !important;
    line-height: 1.4;
    color: #244b66;
}

/* Paragraf */
.jatimika-footer-column p {
    margin: 0 0 8px !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
}

/* Map */
.jatimika-map {
    padding: 0 !important;
    min-height: 0 !important;
    background: transparent !important;
    border-radius: 8px;
    overflow: hidden;
}

.jatimika-map iframe {
    display: block;
    width: 100% !important;
    height: 190px !important;
    border: 0 !important;
    border-radius: 8px;
}

/* Garis pemisah */
.jatimika-footer-divider {
    max-width: 1200px;
    margin: 0 auto;
    border-top: 1px solid #c8dce8;
}

/* Copyright */
.jatimika-footer-bottom {
    max-width: 1200px;
    margin: 0 auto;
    padding: 14px 25px !important;
    text-align: center;
    font-size: 12px !important;
    line-height: 1.5;
    color: #537086;
}

/* Sembunyikan logo OJS/PKP */
.pkp_structure_footer_wrapper .pkp_brand_footer {
    display: none !important;
}


/* =========================================
   MOBILE
   ========================================= */

@media screen and (max-width: 767px) {

    .jatimika-footer-inner {
        grid-template-columns: 1fr;
        gap: 25px;
        padding: 25px 20px;
    }

    .jatimika-footer-column h3 {
        font-size: 17px !important;
    }

    .jatimika-footer-column h4 {
        font-size: 14px !important;
    }

    .jatimika-footer-column p {
        font-size: 13px !important;
    }

    .jatimika-map iframe {
        height: 190px !important;
    }

    .jatimika-footer-bottom {
        padding: 14px 15px !important;
        font-size: 11px !important;
    }
}


/* =========================================================
   JATIMIKA FINAL VISUAL OVERRIDE
   Header: Navy + Gold
   Footer: Compact Light Blue
   ========================================================= */

/* ---------- HEADER / NAVBAR ---------- */

.pkp_structure_head {
    background: #0b1f4d !important;
}

.pkp_navigation_primary_wrapper,
.pkp_site_nav_menu {
    background: #0b1f4d !important;
    border-bottom: 3px solid #f2b705 !important;
}

.pkp_navigation_primary_row {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.pkp_navigation_primary > li > a {
    color: #ffffff !important;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
    color: #f2b705 !important;
}

.pkp_navigation_primary > li > ul {
    background: #0b1f4d !important;
    border-top: 2px solid #f2b705 !important;
}

.pkp_navigation_primary > li > ul a {
    color: #ffffff !important;
}

.pkp_navigation_primary > li > ul a:hover,
.pkp_navigation_primary > li > ul a:focus {
    color: #f2b705 !important;
}

/* Hamburger mobile tetap mengikuti navy header */
.pkp_site_nav_toggle {
    background: #0b1f4d !important;
}

/* ---------- KONSISTENSI WARNA KONTEN ---------- */

.page_index_journal .current_issue h2,
.page_index_journal .articles h2,
.obj_issue_summary .title,
.obj_article_summary .title a,
.pkp_block .title {
    color: #0b1f4d !important;
}

.obj_article_summary:hover {
    border-color: #17658f !important;
}

.obj_article_summary .title a:hover {
    color: #17658f !important;
}

.obj_article_summary .galleys a {
    background: #0b1f4d !important;
    color: #ffffff !important;
}

.obj_article_summary .galleys a:hover {
    background: #17658f !important;
}

.block_make_submission a {
    background: #0b1f4d !important;
    color: #ffffff !important;
}

.block_make_submission a:hover {
    background: #17658f !important;
}

/* ---------- FOOTER COMPACT ---------- */

/* OJS memberi padding pada area page footer.
   Dikecilkan agar tidak muncul ruang abu-abu berlebihan. */
.pkp_structure_footer_wrapper {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.pkp_structure_footer {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.pkp_footer_content {
    padding: 0 !important;
}

/* Footer utama */
.jatimika-footer {
    margin-top: 18px !important;
    background: #eef6fb !important;
    border-top: 3px solid #17658f !important;
    color: #244b66 !important;
}

/* Dua kolom */
.jatimika-footer-inner {
    max-width: 1200px !important;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 35px !important;
    padding: 24px 30px 20px !important;
}

/* Judul kolom */
.jatimika-footer-column h3 {
    margin: 0 0 7px !important;
    font-size: 18px !important;
    line-height: 1.3 !important;
    color: #17658f !important;
}

/* Aksen gold */
.jatimika-footer-line {
    width: 45px !important;
    height: 3px !important;
    background: #f2b705 !important;
    margin-bottom: 13px !important;
    border-radius: 3px !important;
}

/* Nama jurnal */
.jatimika-footer-column h4 {
    margin: 0 0 8px !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    color: #244b66 !important;
}

/* Informasi alamat/email */
.jatimika-footer-column p {
    margin: 0 0 7px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    color: #486273 !important;
}

.jatimika-footer-column strong {
    color: #17658f !important;
}

/* Map dibuat sedikit lebih pendek */
.jatimika-map {
    padding: 0 !important;
    min-height: 0 !important;
    background: transparent !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 3px 10px rgba(0,0,0,0.08) !important;
}

.jatimika-map iframe {
    display: block !important;
    width: 100% !important;
    height: 165px !important;
    min-height: 165px !important;
    border: 0 !important;
    border-radius: 8px !important;
}

/* Garis pemisah */
.jatimika-footer-divider {
    max-width: 1200px !important;
    margin: 0 auto !important;
    border-top: 1px solid #c8dce8 !important;
}

/* Baris identitas paling bawah */
.jatimika-footer-bottom {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 12px 20px !important;
    text-align: center !important;
    font-size: 11px !important;
    line-height: 1.5 !important;
    color: #537086 !important;
}

.jatimika-footer-bottom strong {
    color: #17658f !important;
}

.jatimika-footer-bottom span {
    margin: 0 8px !important;
    color: #9aaab5 !important;
}

/* Hilangkan branding OJS/PKP */
.pkp_structure_footer_wrapper .pkp_brand_footer {
    display: none !important;
}

/* ---------- FOOTER MOBILE ---------- */

@media screen and (max-width: 767px) {

    .pkp_navigation_primary_wrapper,
    .pkp_site_nav_menu {
        border-bottom-width: 2px !important;
    }

    .jatimika-footer {
        margin-top: 12px !important;
    }

    .jatimika-footer-inner {
        grid-template-columns: 1fr !important;
        gap: 22px !important;
        padding: 22px 18px 18px !important;
    }

    .jatimika-footer-column h3 {
        font-size: 17px !important;
    }

    .jatimika-footer-column h4 {
        font-size: 13px !important;
    }

    .jatimika-footer-column p {
        font-size: 12px !important;
    }

    .jatimika-map iframe {
        height: 165px !important;
        min-height: 165px !important;
    }

    .jatimika-footer-bottom {
        padding: 12px 14px !important;
        font-size: 10.5px !important;
    }

    .jatimika-footer-bottom span {
        display: none !important;
    }
}



/* =========================================================
   JATIMIKA FOOTER OUTER BACKGROUND
   ========================================================= */

.pkp_structure_footer_wrapper {
    background: #0b1f4d !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}




.jatimika-template-block {
    padding: 0;
}

.jatimika-template-block h3 {
    color: #0b1f4d !important;
    font-size: 20px !important;
    margin-bottom: 10px !important;
}

.jatimika-template-block p {
    color: #486273 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    margin-bottom: 15px !important;
}

.jatimika-template-button {
    display: block !important;
    background: #0b1f4d !important;
    color: #ffffff !important;
    text-align: center !important;
    padding: 12px 15px !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.jatimika-template-button:hover {
    background: #17658f !important;
    color: #ffffff !important;
}


/* =========================================================
   GESER SIDEBAR KE KIRI
   ========================================================= */
@media (min-width: 992px) {
    .pkp_structure_sidebar {
        position: relative !important;
        left: -10px !important;
    }
}


/* =========================================================
   JATIMIKA - ADDITIONAL MENU SIDEBAR
   ========================================================= */

.jatimika-additional-menu {
    width: 100%;
    padding: 0;
    margin: 0;
}

/* Judul Additional Menu */
.jatimika-additional-title {
    background: linear-gradient(135deg, #0b1f4d, #241052) !important;
    color: #ffffff !important;

    text-align: center !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    letter-spacing: 4px !important;

    padding: 22px 15px !important;
    margin-bottom: 30px !important;

    border-radius: 45px !important;
    border: 3px solid #263b9c !important;

    box-shadow: 0 10px 22px rgba(11,31,77,.30) !important;
}

/* Tombol menu */
.jatimika-menu-item {
    display: flex !important;
    align-items: center !important;

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

    box-sizing: border-box !important;

    padding: 15px 25px !important;
    margin-bottom: 22px !important;

    background: #a3a4ad !important;
    color: #ffffff !important;

    border-radius: 30px !important;
    border: 1px solid #8792bd !important;

    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;

    text-decoration: none !important;

    transition: all .25s ease !important;
}

/* Hover */
.jatimika-menu-item:hover {
    background: #0b1f4d !important;
    color: #ffffff !important;

    transform: translateX(5px) !important;

    box-shadow: 0 6px 15px rgba(11,31,77,.20) !important;
}

/* Focus */
.jatimika-menu-item:focus {
    background: #0b1f4d !important;
    color: #ffffff !important;
    outline: none !important;
}

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

    .jatimika-additional-title {
        font-size: 19px !important;
        letter-spacing: 3px !important;
        padding: 18px 12px !important;
        margin-bottom: 22px !important;
    }

    .jatimika-menu-item {
        min-height: 65px !important;
        padding: 13px 20px !important;
        margin-bottom: 15px !important;
        border-radius: 24px !important;
        font-size: 15px !important;
    }
}


/* =========================================================
   ADDITIONAL MENU - SAMAKAN DENGAN TOMBOL SIDEBAR
   ========================================================= */

.jatimika-additional-title {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-height: 64px !important;
    box-sizing: border-box !important;

    padding: 15px 20px !important;
    margin-bottom: 20px !important;

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

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

    text-align: center !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    line-height: 1.2 !important;
}

/* Hover tidak perlu berubah seperti tombol link */
.jatimika-additional-title:hover {
    background: #0b1f4d !important;
    color: #ffffff !important;
}

/* Menu di bawahnya */
.jatimika-menu-item {
    background: #a3a4ad !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    border: none !important;

    min-height: 64px !important;
    margin-bottom: 15px !important;

    padding: 15px 20px !important;

    font-size: 15px !important;
    font-weight: 600 !important;

    transition: all .2s ease !important;
}

.jatimika-menu-item:hover {
    background: #17658f !important;
    color: #ffffff !important;
    transform: none !important;
}


/* =========================================================
   FINAL FOOTER COLOR OVERRIDE
   Footer disamakan dengan warna Header/Navy
   Tulisan footer menjadi putih
   ========================================================= */

.jatimika-footer,
.jatimika-footer-bottom {
    background: #0b1f4d !important;
    color: #ffffff !important;
}

.jatimika-footer {
    border-top: 3px solid #f2b705 !important;
}

.jatimika-footer-column h3,
.jatimika-footer-column h4,
.jatimika-footer-column p,
.jatimika-footer-column strong,
.jatimika-footer-bottom,
.jatimika-footer-bottom strong,
.jatimika-footer-bottom span,
.jatimika-footer a,
.jatimika-footer-bottom a {
    color: #ffffff !important;
}

.jatimika-footer-line {
    background: #f2b705 !important;
}

.jatimika-footer-divider {
    border-top-color: rgba(255,255,255,0.25) !important;
    background: rgba(255,255,255,0.25) !important;
}

.jatimika-footer a:hover,
.jatimika-footer-bottom a:hover {
    color: #f2b705 !important;
}

/* Area footer OJS juga mengikuti warna header */
.pkp_structure_footer_wrapper {
    background: #0b1f4d !important;
}

/* =========================================
   HOMEPAGE IMAGE - JATIMIKA
   ========================================= */

.homepage_image {
    width: 65% !important;
    margin: 25px auto 35px auto !important;
    padding: 0 !important;
    height: auto !important;
    overflow: visible !important;
    display: block !important;
}

.homepage_image img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    border-radius: 18px !important;
}