/* 1. PAKSA SELURUH KONTEN NAIK KE ATAS */
.pkp_structure_content {
    margin-top: -0.1px !important; /* Sesuaikan angka ini (misal -40px) sampai mepet */
    padding-top: 0 !important;
}

/* 2. HILANKAN JARAK BAWAH HEADER */
header.pkp_structure_head {
    border-bottom: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* 3. TARGETKAN HALAMAN DEPAN SECARA SPESIFIK */
.page_index_journal {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* 4. PASTIKAN BANNER TIDAK ADA MARGIN ATAS */
.homepage_image {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* 5. SEJAJARKAN SIDEBAR DENGAN BANNER */
.pkp_structure_sidebar {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* 1. WARNA DASAR BIRU TUA GELAP & HAPUS CELAH */
.custom-sidebar-menu .sidebar-header,
.custom-sidebar-menu ul li a {
    background-color: #0A0B32 !important;
    color: #ffffff !important;
    font-family: 'Noto Sans', sans-serif !important;
}

.custom-sidebar-menu .sidebar-header {
    padding: 12px 15px !important;
    text-align: center !important;
    font-weight: 700 !important;
    border-bottom: 2px solid #ffffff !important;
    margin-bottom: 0 !important; /* HAPUS JARAK DI BAWAH JUDUL */
}

.custom-sidebar-menu ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important; /* HAPUS JARAK LIST */
    border: 1px solid #ffffff; /* BINGKAI BIAR RAPI */
}

.custom-sidebar-menu ul li {
    margin: 0 !important;    /* PAKSA NOL KAN JARAK ANTAR LIST */
    padding: 0 !important;
    line-height: 0 !important; /* MENGHINDARI WHITE SPACE TEXT */
}

.custom-sidebar-menu ul li a {
    display: block !important;
    padding: 12px 15px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    border-bottom: 1px solid #1a365c !important; /* GARIS PEMISAH TIPIS */
    line-height: 1.4 !important; /* BALIKIN JARAK TEKS DALAM MENU */
}

/* 2. SUNTIKAN IKON PUTIH (ANTI-HAPUS) */
.custom-sidebar-menu ul li a::before {
    font-family: "FontAwesome" !important;
    color: #ffffff !important;
    margin-right: 10px !important;
    width: 16px !important;
    display: inline-block !important;
    text-align: center !important;
}

/* LIST KODE IKON */
.m-home::before { content: "\f015"; }
.m-focus::before { content: "\f192"; }
.m-ethics::before { content: "\f058"; }
.m-editorial::before { content: "\f007"; }
.m-reviewer::before { content: "\f0c0"; }
.m-peer::before { content: "\f14a"; }
.m-guidelines::before { content: "\f044"; }
.m-open::before { content: "\f13e"; }
.m-genai::before { content: "\f14a"; }
.m-copyright::before { content: "\f1f9"; }
.m-fees::before { content: "\f09d"; }
.m-scopus::before { content: "\f15c"; }
.m-contact::before { content: "\f2bb"; }

/* --- EFEK HOVER WARNA EMAS --- */

/* 1. Efek pada Menu List */
.custom-sidebar-menu ul li a:hover {
    background-color: #FEC34E !important; /* Warna Emas saat kursor di atasnya */
    color: #0A0B32 !important; /* Teks berubah jadi biru tua agar tetap kontras */
    padding-left: 20px !important; /* Sedikit efek geser ke kanan saat hover */
    transition: all 0.3s ease !important; /* Biar transisinya halus, tidak kaget */
}

/* 2. Pastikan Ikon juga berubah warna saat di-hover */
.custom-sidebar-menu ul li a:hover::before {
    color: #0A0B32 !important;
}

/* 3. Efek pada Tombol Download Template (image_96201e.png) */
/* Jika kamu menggunakan class khusus untuk tombol template tadi */
.journal-template-button:hover {
    background-color: #D4AF37 !important;
    color: #ffffff !important;
    transform: scale(1.05); /* Sedikit membesar */
    transition: 0.3s;
}

/* Style Dasar Tombol Template */
.btn-template-aurea {
    background-color: #0a0b32 !important;
    color: #ffffff !important;
    padding: 12px 25px !important;
    text-decoration: none !important;
    border-radius: 5px !important;
    display: inline-block !important;
    font-weight: bold !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
    border: none !important;
    cursor: pointer !important;
}

/* Efek Hover Emas untuk Tombol Template */
.btn-template-aurea:hover {
    background-color: #FEC34E !important; /* Warna Emas */
    color: #0a0b32 !important; /* Teks jadi biru tua saat hover */
    transform: translateY(-3px) !important; /* Efek melayang sedikit */
    box-shadow: 0 4px 8px rgba(0,0,0,0.2) !important;
}

/* Styling link Read More pada Pengumuman */
.obj_announcement_summary .read_more {
    color: #007bff !important; /* Warna biru */
    font-weight: bold !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    text-decoration: none !important;
}

.obj_announcement_summary .read_more::after {
    content: " >" !important; /* Menambah ikon panah manual */
}

/* Styling Tanggal agar ada ikon kalender */
.obj_announcement_summary .date {
    color: #666 !important;
    font-size: 12px !important;
    margin-bottom: 10px !important;
    display: block !important;
}

/* MENGECILKAN LEBAR SIDEBAR SECARA GLOBAL */
@media (min-width: 992px) {
    /* Angka 25% bisa kamu perkecil ke 20% jika masih kurang ramping */
    .pkp_structure_sidebar.left {
        width: 22% !important; 
    }
    
    /* Menyesuaikan konten utama agar melebar mengisi ruang kosong */
    .pkp_structure_main {
        width: 78% !important;
    }
}

/* MENGHILANGKAN JARAK LUAR ANTAR BLOK SIDEBAR */
.pkp_block {
    margin-bottom: 10px !important; /* Biar blok antar sidebar lebih rapat */
    padding: 0 !important;
}

/* MENGECILKAN UKURAN TEKS DI DALAM JOURNAL INSIGHT */
#journalInsightBlock { /* Sesuaikan dengan ID blok kamu */
    font-size: 0.85em !important;
}

/* --- KODE FINAL AUREA: PUTIH BERSIH & SEJAJAR --- */

/* 1. PAKSA SEMUA BACKGROUND JADI PUTIH (MENGHAPUS ABU-ABU) */
body, 
#pkp_content_main, 
.pkp_structure_page, 
.pkp_structure_content,
.pkp_structure_main,
.pkp_structure_sidebar,
.pkp_site_main {
    background-color: #ffffff !important;
    background: #ffffff !important;
}

/* 2. HAPUS GARIS-GARIS LAMA & BAYANGAN */
.pkp_structure_page {
    border: none !important;
    box-shadow: none !important;
    max-width: 100% !important; /* Paksa lebar maksimal */
}

/* 3. BUAT GARIS PEMBATAS BARU YANG SEJAJAR BANNER */
.pkp_structure_content {
    border-left: 1px solid #ddd !important;
    border-right: 1px solid #ddd !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-wrap: wrap !important;
}

/* 4. ATUR JARAK BANNER & TEKS */
.pkp_structure_main {
    padding-left: 0 !important; /* Banner menempel ke garis kiri */
    padding-right: 30px !important;
    width: 75% !important;
    border: none !important;
}

/* 5. BERI JARAK KHUSUS UNTUK TEKS (Agar tidak menempel garis) */
.pkp_structure_main > *:not(.homepage_image) {
    margin-left: 25px !important;
}

/* 6. PASTIKAN GAMBAR BANNER FULL */
.homepage_image, .homepage_image img {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

/* 7. ATUR SIDEBAR AGAR PAS */
.pkp_structure_sidebar {
    width: 25% !important;
    padding: 20px 15px !important;
    border: none !important;
}

/* 1. MENGECILKAN JARAK ANTARA DESKRIPSI ISSUE DAN DAFTAR ARTIKEL */
.obj_issue_toc .articles {
    margin-top: 10px !important; /* Nilai awal biasanya 40px-60px, kita kecilkan jadi 10px */
}

/* 2. MENGECILKAN JARAK PADA JUDUL 'ARTICLES' */
.obj_issue_toc .articles > h2, 
.obj_issue_toc .articles > h3 {
    margin-bottom: 10px !important;
    padding-bottom: 5px !important;
    border-bottom: 1px solid #eee; /* Opsional: garis tipis biar rapi */
}

/* 3. MENGECILKAN JARAK DI BAWAH DESKRIPSI ISSUE */
.obj_issue_toc .description {
    margin-bottom: 0 !important;
}

/* 4. RAPIKAN JARAK ANTAR ARTIKEL */
.obj_article_summary {
    margin-top: 5px !important;
    padding-top: 10px !important;
    border-top: none !important; /* Biar gak double garis */
}

/* 1. PAKSA SELURUH BAGIAN ARTIKEL NAIK KE ATAS */
.obj_issue_toc .section {
    margin-top: -40px !important; /* Nilai minus untuk menarik ke atas */
    padding-top: 0 !important;
}

/* 2. HILANGKAN JARAK DI BAWAH DESKRIPSI VOLUME */
.obj_issue_toc .description {
    margin-bottom: -20px !important;
    padding-bottom: 0 !important;
}

/* 3. RAPIKAN JARAK ANTAR JUDUL ARTIKEL */
.obj_issue_toc .articles > h2, 
.obj_issue_toc .articles > h3 {
    margin-top: 0 !important;
    padding-top: 0 !important;
    font-size: 1.2em !important; /* Biar lebih elegan */
}

/* 4. PASTIKAN GARIS PEMBATAS TIDAK BIKIN JARAK BARU */
.obj_issue_toc .articles {
    border-top: none !important;
    padding-top: 0 !important;
}

/* --- FOOTER FULL WIDTH SEJAJAR JANAPATI --- */

/* 1. Paksa wrapper footer melebar penuh layar & warna abu-abu */
.pkp_structure_footer_wrapper {
    background-color: #f5f5f5 !important; /* Abu-abu terang */
    border-top: 1px solid #ddd !important;
    border-bottom: 8px solid #000 !important; /* Garis hitam tebal paling bawah */
    width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
}

/* 2. Atur kontainer isi footer agar tetap di tengah tapi flex */
.pkp_structure_footer {
    max-width: 1100px !important; /* Sesuaikan dengan lebar konten atas kamu */
    margin: 0 auto !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 40px 20px !important;
    background: transparent !important;
    border: none !important;
}

/* 3. Style untuk teks di dalam footer */
.footer-label { font-weight: bold; color: #333; margin-bottom: 5px; }
.footer-publisher { font-weight: bold; text-transform: uppercase; color: #000; margin: 0; }
.footer-cc-logo { margin: 15px 0; }
.footer-license-text { font-size: 0.9em; color: #444; }
.footer-license-text a { color: #007ab2; text-decoration: none; }
.footer-stats a { font-size: 0.85em; color: #007ab2; text-decoration: underline; }

/* 4. Pindahkan logo PKP/OJS ke pojok kanan */
.pkp_brand_footer {
    flex: 1 !important;
    text-align: right !important;
    margin: 0 !important;
}

.pkp_brand_footer img {
    max-width: 180px !important;
}

/* 5. Hilangkan garis horizontal bawaan OJS yang mengganggu */
.pkp_structure_footer::before {
    display: none !important;
}

/* --- HAPUS GARIS PEMBATAS FOOTER --- */

/* 1. Menghilangkan garis horizontal (hr) bawaan OJS */
.pkp_structure_footer hr,
.pkp_structure_footer_wrapper hr {
    display: none !important;
    border: none !important;
}

/* 2. Menghilangkan garis pseudo-element (garis tipis yang sering muncul di atas footer) */
.pkp_structure_footer::before,
.pkp_structure_footer::after,
.pkp_structure_footer_wrapper::before,
.pkp_structure_footer_wrapper::after {
    display: none !important;
    content: none !important;
    border: none !important;
}

/* 3. Menghilangkan border-top pada kontainer footer */
.pkp_structure_footer {
    border-top: none !important;
}