/* =========================================================
   JURNAL TEKNIK UNJANI
   CUSTOM STYLESHEET - PENYESUAIAN TAMPILAN (VERSI 4)
   Untuk OJS 3.4 / Default Theme

   BASIS PENULISAN: JIK_custom_final.css (pengelompokan bagian)
   IDENTITAS VISUAL: Jurnal Teknik (bukan warna/komponen JIK)

   PENTING:
   - Hanya mengatur tampilan; tidak mengubah tata letak inti OJS.
   - TIDAK mengubah display/float/flex atau lebar kolom utama OJS.
   - Sesuai struktur DOM Jurnal Teknik yang dikirim pengguna.
   - Menggantikan CSS Versi 2, JANGAN DIGABUNG.
   - Perubahan V4: background putih dan menu mobile bertingkat, hover kontras.
   ========================================================= */

:root {
    --jt-menu: #214b2a;
    --jt-menu-hover: #15391e;
    --jt-sidebar-green: #008500;
    --jt-sidebar-hover: #006b08;
    --jt-link: #59491f;
    --jt-link-hover: #245b32;
    --jt-line: #eab16e;
    --jt-border: #e4e4e4;
    --jt-blue: #155d83;
}

/* =========================================================
   1. LATAR HALAMAN & HEADER HIJAU-KUNING
   ========================================================= */

body {
    background: #ffffff;
}

/* Background disisipkan sebagai data URI agar satu berkas CSS cukup. */
.pkp_structure_head {
    background-color: #efffc3 !important;
    background-image: url("data:image/webp;base64,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") !important;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

/* Jaga ukuran logo tanpa mengubah posisi/struktur bawaan OJS. */
.pkp_site_name .is_img img,
.pkp_site_name img {
    max-width: 285px;
    max-height: 92px;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* =========================================================
   2. WARNA AKUN / NAMA ADMIN - HITAM DI KANAN ATAS
   ========================================================= */

#navigationUser > li > a,
#navigationUser > li > a:visited,
.pkp_navigation_user > li > a {
    color: #191919 !important;
    text-shadow: none !important;
}

#navigationUser > li > a:hover,
#navigationUser > li > a:focus {
    color: #174c24 !important;
}

/* Menu akun yang terbuka: tulisan gelap di atas latar putih. */
#navigationUser ul,
#navigationUser .dropdown-menu {
    background-color: #ffffff !important;
}

#navigationUser ul a,
#navigationUser .dropdown-menu a {
    color: #222222 !important;
}

/* =========================================================
   3. NAVIGASI UTAMA - HIJAU TUA, TEKS PUTIH
   ========================================================= */

.pkp_site_nav_menu,
.pkp_navigation_primary_row,
.pkp_navigation_primary_wrapper,
#navigationPrimary,
.pkp_navigation_search_wrapper {
    background-color: var(--jt-menu);
}

#navigationPrimary > li > a,
.pkp_navigation_primary > li > a,
.pkp_navigation_search_wrapper > a,
.pkp_search_desktop {
    color: #ffffff !important;
}

#navigationPrimary > li > a:hover,
#navigationPrimary > li > a:focus,
#navigationPrimary > li:hover > a,
.pkp_navigation_search_wrapper > a:hover,
.pkp_navigation_search_wrapper > a:focus {
    background-color: var(--jt-menu-hover) !important;
    color: #ffffff !important;
}

/* Submenu putih; tidak memaksakan submenu tampil. */
#navigationPrimary > li > ul,
#navigationPrimary .dropdown-menu {
    background-color: #ffffff !important;
    border-color: var(--jt-border);
}

#navigationPrimary > li > ul a,
#navigationPrimary .dropdown-menu a {
    color: #303030 !important;
}

#navigationPrimary > li > ul a:hover,
#navigationPrimary .dropdown-menu a:hover {
    color: var(--jt-menu-hover) !important;
    background-color: #edf5eb !important;
}


/* ---------------------------------------------------------
   3A. JARAK MENU DESKTOP (pemisah dari tepi kiri/kanan)
   Tanpa mengubah lebar atau posisi kolom utama.
   --------------------------------------------------------- */
@media (min-width: 992px) {
    .pkp_navigation_primary_wrapper {
        padding-left: 14px !important;
        padding-right: 12px !important;
        box-sizing: border-box;
    }

    #navigationPrimary > li > a {
        margin: 4px 2px 3px !important;
        padding: 8px 8px !important;
    }

    #navigationPrimary > li:first-child > a {
        margin-left: 0 !important;
    }

    .pkp_navigation_search_wrapper > a,
    .pkp_navigation_search_wrapper .pkp_search {
        margin: 4px 3px !important;
        padding: 8px 7px !important;
    }
}

/* =========================================================
   4. KONTEN UTAMA & WARNA LINK
   Tidak menyentuh sistem grid/kolom OJS.
   ========================================================= */

.pkp_structure_content,
.pkp_structure_main,
.pkp_structure_sidebar {
    background-color: #ffffff;
}

.pkp_structure_main a,
.page_index_journal .obj_article_summary .title a {
    color: var(--jt-link);
}

.pkp_structure_main a:hover,
.page_index_journal .obj_article_summary .title a:hover {
    color: var(--jt-link-hover);
}

.pkp_structure_main img,
.pkp_structure_sidebar img,
.pkp_structure_sidebar iframe {
    max-width: 100%;
    height: auto;
}

/* =========================================================
   5. BERANDA - TENTANG JURNAL / TERBITAN TERKINI
   ========================================================= */

.page_index_journal .homepage_about h2,
.page_index_journal .current_issue h2 {
    color: #242424;
    font-weight: 700;
}

.page_index_journal .current_issue > h2 {
    border-bottom: 2px solid var(--jt-line);
    padding-bottom: 6px;
}

.page_index_journal .current_issue_title {
    font-weight: 700;
    color: #242424;
}

/* Garis artikel jingga seperti tampilan asli. */
.page_index_journal .cmp_article_list > li {
    border-bottom: 1px solid var(--jt-line);
}

.page_index_journal .obj_article_summary .title a {
    text-decoration: none;
}

/* Galley PDF berwarna abu-abu mengikuti screenshot. */
.page_index_journal .obj_galley_link {
    background-color: #8c8c8c;
    color: #ffffff !important;
    border-color: #8c8c8c;
    border-radius: 2px;
}

.page_index_journal .obj_galley_link:hover,
.page_index_journal .obj_galley_link:focus {
    background-color: #555555;
    border-color: #555555;
}

/* =========================================================
   6. SIDEBAR - JAGA POSISI ASLI, BATAS ANTAR BLOK
   ========================================================= */

.pkp_structure_sidebar .pkp_block {
    border-bottom: 1px solid #eeeeee;
}

.pkp_structure_sidebar .pkp_block .title:not(.pkp_screen_reader) {
    color: #6c5935;
}

/* =========================================================
   7. ADDITIONAL MENUS - HIJAU ASLI JURNAL TEKNIK

   HTML asli menggunakan #customblock-sidebar table.hovertable.
   HANYA tabel pertama yang dibuat menjadi kotak tombol hijau.
   Tabel template, Turnitin, Grammarly, Mendeley tetap putih.
   ========================================================= */

#customblock-sidebar .hovertable {
    width: 100%;
    border-collapse: collapse;
}

#customblock-sidebar .hovertable:first-of-type th {
    background-color: #ffffff !important;
    color: var(--jt-blue) !important;
    text-align: center;
    font-weight: 700;
}

#customblock-sidebar .hovertable:first-of-type td {
    background-color: var(--jt-sidebar-green) !important;
    color: #ffffff !important;
    border: 1px solid #ffffff;
    padding: 0 !important;
    text-align: center;
}

#customblock-sidebar .hovertable:first-of-type td a {
    display: block;
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 600;
    line-height: 1.4;
    padding: 6px 8px;
}

#customblock-sidebar .hovertable:first-of-type td:hover,
#customblock-sidebar .hovertable:first-of-type td:focus-within {
    background-color: var(--jt-sidebar-hover) !important;
}

#customblock-sidebar .hovertable:not(:first-of-type) td {
    background-color: #ffffff !important;
    text-align: center;
}

#customblock-sidebar .hovertable:not(:first-of-type) img {
    max-width: 100%;
    height: auto;
}

#customblock-sidebar hr {
    border: 0;
    border-top: 1px solid #d8d8d8;
}

/* =========================================================
   8. PILIHAN BAHASA - TETAP SEDERHANA (TIDAK JADI KOTAK)
   ========================================================= */

.pkp_block.block_language a {
    color: var(--jt-link) !important;
    text-decoration: none;
}

.pkp_block.block_language a:hover,
.pkp_block.block_language a:focus {
    color: var(--jt-link-hover) !important;
    text-decoration: underline;
}

/* =========================================================
   9. FOOTER - ABU-ABU MUDA, LOGO OJS SEJAJAR INFORMASI
   ========================================================= */
.pkp_structure_footer_wrapper {
    background-color: #ebeeeb !important;
    border-top: 1px solid #d1d8d1;
}

.pkp_structure_footer,
.pkp_footer_content {
    color: #303730 !important;
}

.pkp_footer_content a {
    color: #245c31 !important;
    text-decoration: underline;
}

.pkp_footer_content p {
    line-height: 1.55;
}

@media (min-width: 992px) {
    /* Elemen saudara di footer ditempatkan berdampingan. */
    .pkp_structure_footer {
        display: flex !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
        gap: 24px;
        box-sizing: border-box;
        padding: 22px 20px 24px !important;
    }

    .pkp_structure_footer .pkp_footer_content {
        flex: 1 1 auto;
        min-width: 0;
        float: none !important;
        width: auto !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .pkp_structure_footer .pkp_brand_footer {
        flex: 0 0 145px;
        width: 145px;
        float: none !important;
        padding: 0 !important;
        margin: 0 !important;
        align-self: flex-start !important;
    }

    .pkp_structure_footer .pkp_brand_footer a {
        float: none !important;
        display: block;
        width: 100%;
        max-width: 145px;
        margin: 0 0 0 auto !important;
    }

    .pkp_structure_footer .pkp_brand_footer img {
        display: block;
        width: 100%;
        height: auto;
        max-width: 145px;
    }
}

/* =========================================================
   10. TABLET DAN MOBILE (OJS 3.4 DEFAULT THEME)
   Logo utuh, tombol hamburger gelap, menu berjarak.
   Menu buka/tutup bawaan tetap dijalankan OJS.
   ========================================================= */
@media (max-width: 991px) {
    /* Wadah asli OJS mobile hanya setinggi satu baris navigasi.
       Naikkan tinggi agar logo panorama tidak terpotong. */
    .pkp_structure_head .pkp_site_name_wrapper {
        position: relative;
        height: 80px !important;
        min-height: 80px !important;
    }

    .pkp_structure_head .pkp_site_name {
        position: absolute !important;
        top: 50% !important;
        left: 72px !important;
        right: 12px !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: translateY(-50%);
        overflow: visible !important;
        white-space: normal !important;
        text-overflow: clip !important;
        line-height: 1 !important;
    }

    .pkp_structure_head .pkp_site_name .is_img {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .pkp_structure_head .pkp_site_name .is_img img,
    .pkp_structure_head .pkp_site_name img {
        display: block !important;
        width: auto !important;
        height: auto !important;
        max-height: 61px !important;
        max-width: 100% !important;
        object-fit: contain;
    }

    /* Hamburger: ikon 3 garis warna hijau tua, tetap berupa tombol OJS. */
    .pkp_site_nav_toggle {
        position: absolute !important;
        left: 12px !important;
        top: 19px !important;
        display: block;
        width: 42px !important;
        height: 42px !important;
        padding: 0 !important;
        margin: 0 !important;
        z-index: 1001;
        background-color: rgba(255,255,255,.86) !important;
        border: 1px solid #a7bfa9 !important;
        border-radius: 4px;
        color: #173e24 !important;
        cursor: pointer;
    }

    .pkp_site_nav_toggle span {
        font-size: 0 !important;
        color: transparent !important;
    }

    /* Singkirkan ikon bawaan bila terbuat dari pseudo-element. */
    .pkp_site_nav_toggle span::before,
    .pkp_site_nav_toggle span::after,
    .pkp_site_nav_toggle::after {
        content: none !important;
    }

    .pkp_site_nav_toggle::before {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        width: 19px !important;
        height: 2px !important;
        top: 12px !important;
        left: 10px !important;
        background: #173e24 !important;
        border: 0 !important;
        box-shadow: 0 7px 0 #173e24, 0 14px 0 #173e24 !important;
        transform: none !important;
    }

    /* =====================================================
       MENU MOBILE TERBUKA - KONTRAS & HIERARKI
       Kelas --isOpen dikelola JavaScript bawaan OJS.
       Submenu tetap dapat diakses (CSS saja tidak menjadikan
       dropdown bertombol accordion tanpa perubahan tema/JS).
       ===================================================== */
    .pkp_site_nav_menu--isOpen {
        background-color: #ffffff !important;
        border-bottom: 1px solid #dce7dc !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, .08) !important;
        box-sizing: border-box !important;
        padding: 12px 16px 16px !important;
        max-height: 72vh !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
    }

    /* Kontainer utama menu tetap putih dan diberi ruang. */
    .pkp_site_nav_menu--isOpen .pkp_navigation_primary_row,
    .pkp_site_nav_menu--isOpen .pkp_navigation_primary_wrapper,
    .pkp_site_nav_menu--isOpen #navigationPrimary,
    .pkp_site_nav_menu--isOpen .pkp_navigation_search_wrapper {
        background: #ffffff !important;
        box-sizing: border-box !important;
    }

    .pkp_site_nav_menu--isOpen .pkp_navigation_primary_wrapper,
    .pkp_site_nav_menu--isOpen #navigationPrimary {
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
    }

    .pkp_site_nav_menu--isOpen #navigationPrimary > li {
        display: block !important;
        float: none !important;
        width: 100% !important;
        box-sizing: border-box !important;
        margin: 0 0 6px 0 !important;
        padding: 0 !important;
    }

    /* Menu tingkat 1: hijau sangat muda, teks hijau tua. */
    .pkp_site_nav_menu--isOpen #navigationPrimary > li > a,
    .pkp_site_nav_menu--isOpen #navigationPrimary > li > a:visited {
        display: block !important;
        float: none !important;
        width: 100% !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        padding: 11px 12px !important;
        background: #edf5ed !important;
        color: #173a22 !important;
        border: 0 !important;
        border-left: 3px solid #36834a !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 1.45 !important;
        text-decoration: none !important;
        white-space: normal !important;
        overflow-wrap: anywhere;
    }

    /* Semua status hover, active, current, dan fokus tetap jelas. */
    .pkp_site_nav_menu--isOpen #navigationPrimary > li:hover > a,
    .pkp_site_nav_menu--isOpen #navigationPrimary > li > a:hover,
    .pkp_site_nav_menu--isOpen #navigationPrimary > li > a:focus,
    .pkp_site_nav_menu--isOpen #navigationPrimary > li > a:active,
    .pkp_site_nav_menu--isOpen #navigationPrimary > li.current > a,
    .pkp_site_nav_menu--isOpen #navigationPrimary > li.active > a {
        background: #d9eadb !important;
        color: #12371d !important;
        border-left-color: #1e6a33 !important;
        text-decoration: none !important;
    }

    /* Submenu tingkat 2: indentasi + garis hierarki. */
    .pkp_site_nav_menu--isOpen #navigationPrimary > li > ul {
        position: static !important;
        float: none !important;
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 2px 0 9px !important;
        padding: 2px 0 1px 13px !important;
        background: #ffffff !important;
        border: none !important;
        box-shadow: none !important;
        text-align: left !important;
    }

    .pkp_site_nav_menu--isOpen #navigationPrimary > li > ul > li {
        display: block !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }

    .pkp_site_nav_menu--isOpen #navigationPrimary > li > ul > li > a,
    .pkp_site_nav_menu--isOpen #navigationPrimary > li > ul > li > a:visited {
        display: block !important;
        float: none !important;
        width: 100% !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        padding: 8px 10px 8px 15px !important;
        background: #ffffff !important;
        color: #294735 !important;
        border: 0 !important;
        border-left: 2px solid #d1e2d4 !important;
        font-size: 13px !important;
        font-weight: 400 !important;
        line-height: 1.45 !important;
        text-decoration: none !important;
        white-space: normal !important;
        overflow-wrap: anywhere;
    }

    .pkp_site_nav_menu--isOpen #navigationPrimary > li > ul > li:hover > a,
    .pkp_site_nav_menu--isOpen #navigationPrimary > li > ul > li > a:hover,
    .pkp_site_nav_menu--isOpen #navigationPrimary > li > ul > li > a:focus,
    .pkp_site_nav_menu--isOpen #navigationPrimary > li > ul > li > a:active {
        background: #e8f3e9 !important;
        color: #123a20 !important;
        border-left-color: #418d53 !important;
        text-decoration: none !important;
    }

    /* Search di bawah menu, bukan melayang/menempel. */
    .pkp_site_nav_menu--isOpen .pkp_navigation_search_wrapper {
        margin: 10px 0 0 !important;
        padding: 10px 0 0 !important;
        border-top: 1px solid #e1e9e1 !important;
    }
    .pkp_site_nav_menu--isOpen .pkp_navigation_search_wrapper a,
    .pkp_site_nav_menu--isOpen .pkp_navigation_search_wrapper a:hover,
    .pkp_site_nav_menu--isOpen .pkp_navigation_search_wrapper a:focus {
        display: block !important;
        margin: 0 !important;
        padding: 8px 12px !important;
        background: #edf5ed !important;
        color: #173a22 !important;
        text-decoration: none !important;
    }

    .pkp_structure_footer {
        padding: 20px 16px 22px !important;
    }

    .pkp_structure_footer .pkp_footer_content {
        padding: 0 !important;
    }

    .pkp_structure_footer .pkp_brand_footer {
        padding: 12px 0 0 !important;
        margin: 12px 0 0 !important;
        border-top: 1px solid #d6dcd6;
    }

    .pkp_structure_footer .pkp_brand_footer a {
        float: none !important;
        margin-left: auto !important;
        max-width: 135px;
    }
}

@media (max-width: 600px) {
    .pkp_structure_head .pkp_site_name_wrapper {
        height: 72px !important;
        min-height: 72px !important;
    }

    .pkp_structure_head .pkp_site_name {
        left: 68px !important;
        right: 10px !important;
    }

    .pkp_structure_head .pkp_site_name .is_img img,
    .pkp_structure_head .pkp_site_name img {
        max-height: 54px !important;
    }

    .pkp_site_nav_toggle {
        left: 10px !important;
        top: 15px !important;
    }

    #customblock-sidebar .hovertable:first-of-type td a {
        padding: 9px 10px;
    }
}

/* =========================================================
   AKHIR CSS JURNAL TEKNIK - VERSI 4
   ========================================================= */



/* =========================================================
   JURNAL TEKNIK - SIDEBAR COLOR & TYPOGRAPHY OVERRIDES
   White background: dark green text
   Green tabs/buttons: white text
   Consistent title case for sidebar headings
   ========================================================= */

/* Sidebar default text and links */
.pkp_structure_sidebar,
.pkp_structure_sidebar p,
.pkp_structure_sidebar li,
.pkp_structure_sidebar label,
.pkp_structure_sidebar .block,
.pkp_block,
.pkp_block p,
.pkp_block li,
.pkp_block a,
.pkp_structure_sidebar a {
    color: #174B2B;
}

/* Sidebar headings: consistent Title Case styling */
.pkp_structure_sidebar h1,
.pkp_structure_sidebar h2,
.pkp_structure_sidebar h3,
.pkp_structure_sidebar h4,
.pkp_block .title,
.pkp_block h2,
.pkp_block h3,
.pkp_block h4 {
    color: #174B2B;
    text-transform: capitalize;
    font-weight: 700;
}

/* Additional Menus and green sidebar tabs/buttons */
.pkp_structure_sidebar a[style*="background"],
.pkp_structure_sidebar a[style*="background-color"],
.pkp_structure_sidebar .additional-menu a,
.pkp_structure_sidebar .additional-menu li a,
.pkp_structure_sidebar .block_custom a[style*="background"],
.pkp_structure_sidebar .block_custom a[style*="background-color"] {
    color: #FFFFFF !important;
}

/* Green menu blocks: white text with consistent padding and separators */
.pkp_structure_sidebar .additional-menu a,
.pkp_structure_sidebar .additional-menu li a,
.pkp_structure_sidebar a[style*="background-color: green"],
.pkp_structure_sidebar a[style*="background: green"],
.pkp_structure_sidebar a[style*="background-color:#008000"],
.pkp_structure_sidebar a[style*="background-color: #008000"] {
    display: block;
    padding: 8px 10px;
    text-align: center;
    font-weight: 700;
    border-bottom: 1px solid rgba(255,255,255,0.75);
}

/* Language links styled as green tabs/buttons, matching Additional Menus */
.pkp_structure_sidebar .block_language a,
.pkp_structure_sidebar .pkp_block.block_language a,
.pkp_structure_sidebar [id*="language"] a,
.pkp_structure_sidebar [class*="language"] a {
    display: block;
    margin: 4px 0;
    padding: 8px 10px;
    background: #008000;
    color: #FFFFFF !important;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    border-bottom: 1px solid rgba(255,255,255,0.75);
    border-radius: 0;
}

/* Hover state remains high-contrast */
.pkp_structure_sidebar a:hover,
.pkp_block a:hover {
    color: #174B2B;
    background-color: #E8F2E9;
    text-decoration: underline;
}

/* Hover state for green tabs/buttons */
.pkp_structure_sidebar .block_language a:hover,
.pkp_structure_sidebar .pkp_block.block_language a:hover,
.pkp_structure_sidebar [id*="language"] a:hover,
.pkp_structure_sidebar [class*="language"] a:hover,
.pkp_structure_sidebar .additional-menu a:hover,
.pkp_structure_sidebar .additional-menu li a:hover,
.pkp_structure_sidebar a[style*="background-color: green"]:hover,
.pkp_structure_sidebar a[style*="background: green"]:hover {
    background-color: #174B2B !important;
    color: #FFFFFF !important;
}



/* =========================================================
   JURNAL TEKNIK - V6 SIDEBAR CONSISTENCY
   - Sidebar headings: dark green + bold + left aligned
   - Language and Additional Menus: same green button treatment
   - Buttons left aligned; compact, consistent vertical spacing
   ========================================================= */

/* All sidebar block headings, including certificate and location */
.pkp_structure_sidebar .pkp_block .title,
.pkp_structure_sidebar .pkp_block h2,
.pkp_structure_sidebar .pkp_block h3,
.pkp_structure_sidebar .pkp_block h4,
.pkp_structure_sidebar .pkp_block_title,
.pkp_structure_sidebar .block_title {
    color: #174B2B !important;
    font-weight: 700 !important;
    text-align: left !important;
}

/* Ordinary sidebar text on white background */
.pkp_structure_sidebar .pkp_block p,
.pkp_structure_sidebar .pkp_block li,
.pkp_structure_sidebar .pkp_block label {
    color: #174B2B;
}

/* Language buttons: compact spacing to match Additional Menus */
.pkp_structure_sidebar .block_language a,
.pkp_structure_sidebar .pkp_block.block_language a,
.pkp_structure_sidebar [id*="language"] a,
.pkp_structure_sidebar [class*="language"] a {
    display: block !important;
    width: 100%;
    box-sizing: border-box;
    margin: 0 !important;
    padding: 8px 12px !important;
    background: #008000 !important;
    color: #FFFFFF !important;
    text-align: left !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.8) !important;
    border-radius: 0 !important;
}

/* Remove extra gap between consecutive language options */
.pkp_structure_sidebar .block_language li,
.pkp_structure_sidebar .pkp_block.block_language li,
.pkp_structure_sidebar [id*="language"] li,
.pkp_structure_sidebar [class*="language"] li {
    margin: 0 !important;
    padding: 0 !important;
}

/* Additional Menus and custom green buttons: same alignment and compact spacing */
.pkp_structure_sidebar .additional-menu a,
.pkp_structure_sidebar .additional-menu li a,
.pkp_structure_sidebar .block_custom a[style*="background"],
.pkp_structure_sidebar .block_custom a[style*="background-color"],
.pkp_structure_sidebar a[style*="background-color: green"],
.pkp_structure_sidebar a[style*="background: green"],
.pkp_structure_sidebar a[style*="#008000"],
.pkp_structure_sidebar a[style*="rgb(0, 128, 0)"] {
    display: block;
    box-sizing: border-box;
    text-align: left !important;
    font-weight: 700 !important;
    color: #FFFFFF !important;
    padding: 8px 12px !important;
}

/* Keep button labels white on hover/focus */
.pkp_structure_sidebar .block_language a:hover,
.pkp_structure_sidebar .pkp_block.block_language a:hover,
.pkp_structure_sidebar [id*="language"] a:hover,
.pkp_structure_sidebar [class*="language"] a:hover,
.pkp_structure_sidebar .additional-menu a:hover,
.pkp_structure_sidebar .additional-menu li a:hover,
.pkp_structure_sidebar .block_custom a[style*="background"]:hover,
.pkp_structure_sidebar .block_custom a[style*="background-color"]:hover,
.pkp_structure_sidebar a[style*="#008000"]:hover {
    background: #174B2B !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
}

/* White-background links remain dark green */
.pkp_structure_sidebar .pkp_block a:not([style*="background"]):not([style*="#008000"]) {
    color: #174B2B;
}

/* Consistent heading spacing */
.pkp_structure_sidebar .pkp_block .title,
.pkp_structure_sidebar .pkp_block_title,
.pkp_structure_sidebar .block_title {
    margin-bottom: 10px;
}


/* ============================================
   JURNAL TEKNIK - PERBAIKAN SIDEBAR V7
   OJS 3.4 - Tambahkan paling bawah CSS V6
   ============================================ */

:root {
    --jt-green: #14532d;
    --jt-button: #008000;
    --jt-brown: #8b5e34;
}

/* 1. SELURUH JUDUL SIDEBAR */

.pkp_structure_sidebar .pkp_block .title,
.pkp_structure_sidebar .pkp_block h2,
#customblock-sidebar .hovertable th,
#customblock-akreditasi .content p:first-of-type,
#customblock-lokasi .content p:first-of-type {
    color: var(--jt-green) !important;
    font-weight: 700 !important;
    text-align: left !important;
    background: transparent !important;
}

/* Judul dalam tabel Additional Menus,
   Article Template, Plagiarism, Reference */

#customblock-sidebar .hovertable th {
    padding: 8px 0 !important;
    text-align: left !important;
    font-weight: 700 !important;
    color: var(--jt-green) !important;
}

/* Judul Sertifikat Akreditasi dan Lokasi */

#customblock-akreditasi .content p:first-of-type,
#customblock-lokasi .content p:first-of-type {
    font-weight: 700 !important;
    color: var(--jt-green) !important;
    text-align: left !important;
}

/* 2. LINK BIASA: HIJAU KE COKELAT */

.pkp_structure_main a,
.pkp_structure_sidebar a,
.pkp_footer_content a {
    color: var(--jt-green) !important;
}

.pkp_structure_main a:hover,
.pkp_structure_main a:focus,
.pkp_structure_sidebar a:hover,
.pkp_structure_sidebar a:focus,
.pkp_footer_content a:hover,
.pkp_footer_content a:focus {
    color: var(--jt-brown) !important;
}

/* 3. LANGUAGE: HIJAU, PUTIH, CENTER */

.pkp_structure_sidebar .block_language ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.pkp_structure_sidebar .block_language li {
    margin: 0 !important;
    padding: 0 !important;
}

.pkp_structure_sidebar .block_language li a {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 9px 10px !important;

    background: var(--jt-button) !important;
    color: #ffffff !important;
    text-align: center !important;
    font-weight: 700 !important;
    text-decoration: none !important;

    border-bottom: 1px solid #ffffff !important;
    opacity: 1 !important;
}

.pkp_structure_sidebar .block_language li a:hover,
.pkp_structure_sidebar .block_language li a:focus {
    background: var(--jt-green) !important;
    color: #ffffff !important;
    opacity: 1 !important;
    filter: none !important;
}

/* 4. ADDITIONAL MENUS:
   HIJAU NORMAL, HIJAU TUA SAAT HOVER */

/* Hanya tabel pertama: Additional Menus */

#customblock-sidebar .hovertable:first-of-type
tr:not(:first-child) td {
    background: var(--jt-button) !important;
    padding: 0 !important;
    border-bottom: 1px solid #ffffff !important;
}

#customblock-sidebar .hovertable:first-of-type
tr:not(:first-child) td a {
    display: block !important;
    padding: 9px 12px !important;
    background: var(--jt-button) !important;
    color: #ffffff !important;

    font-weight: 700 !important;
    text-align: center !important;
    text-decoration: none !important;
    opacity: 1 !important;
    filter: none !important;
}

/* Hover pada seluruh baris */

#customblock-sidebar .hovertable:first-of-type
tr:not(:first-child):hover td,
#customblock-sidebar .hovertable:first-of-type
tr:not(:first-child):hover td a,
#customblock-sidebar .hovertable:first-of-type
tr:not(:first-child) td a:hover,
#customblock-sidebar .hovertable:first-of-type
tr:not(:first-child) td a:focus {
    background: var(--jt-green) !important;
    color: #ffffff !important;
    opacity: 1 !important;
    filter: none !important;
    text-decoration: none !important;
}


/* ==============================================
   JURNAL TEKNIK - PERBAIKAN SIDEBAR V8
   1. Tombol Kirim Naskah hijau penuh
   2. English dan Bahasa Indonesia rata tengah
   3. Hover hijau tua dengan teks putih
   ============================================== */


/* 1. TOMBOL KIRIM NASKAH */

.pkp_structure_sidebar .pkp_block.block_make_submission a,
.pkp_structure_sidebar .pkp_block.block_make_submission .content a,
.pkp_structure_sidebar .block_make_submission a {

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

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

    text-align: center !important;
    font-weight: 700 !important;
    font-size: 14px !important;

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

    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    text-decoration: none !important;
    opacity: 1 !important;
    filter: none !important;

    transition: background-color 0.2s ease;
}


/* Hover tombol Kirim Naskah */

.pkp_structure_sidebar .pkp_block.block_make_submission a:hover,
.pkp_structure_sidebar .pkp_block.block_make_submission a:focus,
.pkp_structure_sidebar .block_make_submission a:hover,
.pkp_structure_sidebar .block_make_submission a:focus {

    background: #14532d !important;
    color: #ffffff !important;
    text-decoration: none !important;

    opacity: 1 !important;
    filter: none !important;
}


/* 2. LANGUAGE - PAKSA TEKS RATA TENGAH */

.pkp_structure_sidebar .pkp_block.block_language .content ul li a,
.pkp_structure_sidebar .pkp_block.block_language ul li a,
.pkp_structure_sidebar .block_language .content a {

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

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

    text-align: center !important;
    font-weight: 700 !important;

    padding: 9px 10px !important;
    margin: 0 !important;

    border: none !important;
    border-bottom: 1px solid #ffffff !important;
    border-radius: 0 !important;

    text-decoration: none !important;
    opacity: 1 !important;
    filter: none !important;
}


/* Hilangkan jarak antar pilihan bahasa */

.pkp_structure_sidebar .pkp_block.block_language ul,
.pkp_structure_sidebar .pkp_block.block_language li {

    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}


/* Hover Language */

.pkp_structure_sidebar .pkp_block.block_language .content ul li a:hover,
.pkp_structure_sidebar .pkp_block.block_language .content ul li a:focus,
.pkp_structure_sidebar .pkp_block.block_language ul li a:hover,
.pkp_structure_sidebar .pkp_block.block_language ul li a:focus {

    background: #14532d !important;
    color: #ffffff !important;

    text-decoration: none !important;
    opacity: 1 !important;
    filter: none !important;
}