/* ==========================================================================
   CUSTOM CSS OJS 3 - TEMA DEFAULT (KREM, MERAH & NAVIGATION HITAM)
   ========================================================================== */

/* 1. Latar Belakang Seluruh Halaman Utama (Krem) */
body, .pkp_structure_page {
    background-color: #fcf6eb !important;
}

/* 2. Area Pembungkus Konten & Sidebar */
.pkp_structure_content {
    background-color: #fcf6eb !important;
}

/* 3. Latar Belakang Halaman Depan & Daftar Isi Jurnal */
.page_index_journal, .obj_issue_toc, .pkp_structure_main {
    background-color: #fcf6eb !important;
}

/* 4. Latar Belakang Halaman Abstrak / Detail Artikel */
.page_article, .obj_article_details {
    background-color: #fcf6eb !important;
}

/* 5. Mengubah Kotak Daftar Artikel Menjadi Krem & Menambahkan Garis Kuning Pembatas */
.obj_article_summary {
    background-color: #fcf6eb !important; 
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 2px solid #cca323 !important; /* Garis kuning tipis di antara artikel */
    box-shadow: none !important; 
    padding-bottom: 25px !important;
    margin-bottom: 25px !important;
}

/* Mencegah artikel terakhir memiliki garis double berlebih jika ada pembatas bawaan */
.obj_article_summary:last-child {
    border-bottom: 2px solid #cca323 !important;
}

/* 6. Memastikan Sidebar Mengikuti Warna Latar Belakang */
.pkp_structure_sidebar {
    background-color: transparent !important;
}

/* 7. Mengubah Semua Tulisan / Link Biru Menjadi Merah */
a {
    color: #b61f24 !important;
}

/* Efek saat link diarahkan kursor (Hover) -> Berubah Hitam */
a:hover, a:focus {
    color: #0d0d0d !important;
    text-decoration: underline !important;
}

/* Spesifik Judul Artikel di Daftar Isi */
.obj_article_summary .title a {
    color: #b61f24 !important;
}

/* 8. Menyesuaikan Tombol PDF agar Senada Merah */
.obj_article_summary .galley_link, 
.obj_article_details .galley_link,
a.pdf {
    border-color: #b61f24 !important;
    color: #b61f24 !important;
    background-color: transparent !important;
}

/* Efek Hover Tombol PDF */
.obj_article_summary .galley_link:hover, 
.obj_article_details .galley_link:hover,
a.pdf:hover {
    background-color: #b61f24 !important;
    color: #ffffff !important;
}

/* ==========================================================================
   9. NAVIGATION BAR - FULL WIDTH, TEKS PUTIH & FIX DROPDOWN BUG
   ========================================================================== */

/* Membuat background hitam meluas penuh dari ujung layar ke ujung layar (Full-Width) */
.pkp_navigation_primary_wrapper {
    background-color: #1a1a1a !important;
    border-top: 1px solid #333333 !important;
    border-bottom: 1px solid #333333 !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    padding-left: calc(50vw - 50%) !important;
    padding-right: calc(50vw - 50%) !important;
}

/* Mengubah warna teks menu utama & dropdown toggle menjadi putih */
.pkp_navigation_primary a, 
.pkp_navigation_primary .dropdown-toggle {
    color: #ffffff !important;
}

/* Memberikan pembatas garis vertikal sederhana di setiap tombol menu utama */
.pkp_navigation_primary > li {
    border-right: 1px solid #3a3a3a !important;
}
.pkp_navigation_primary > li:first-child {
    border-left: 1px solid #3a3a3a !important;
}

/* OVERRIDE HOVER MENU UTAMA */
.pkp_navigation_primary > li > a:hover, 
.pkp_navigation_primary .dropdown-toggle:hover {
    color: #b61f24 !important; 
    background-color: #262626 !important; 
    text-decoration: none !important;
}

/* FIX AGRESIF: Mengubah warna teks menu search & ikon kaca pembesar menjadi putih */
.pkp_navigation_primary_wrapper .pkp_navigation_search,
.pkp_navigation_primary_wrapper .pkp_navigation_search *,
.pkp_navigation_primary_wrapper .pkp_search_toggle,
.pkp_navigation_primary_wrapper .pkp_search_toggle::before,
.pkp_navigation_primary_wrapper li.pkp_navigation_search a,
.pkp_navigation_primary_wrapper li.pkp_navigation_search button {
    color: #ffffff !important;
}

/* Efek Hover Khusus Tombol Search */
.pkp_navigation_primary_wrapper .pkp_navigation_search:hover,
.pkp_navigation_primary_wrapper .pkp_navigation_search *:hover,
.pkp_navigation_primary_wrapper .pkp_search_toggle:hover,
.pkp_navigation_primary_wrapper li.pkp_navigation_search a:hover,
.pkp_navigation_primary_wrapper li.pkp_navigation_search button:hover {
    color: #b61f24 !important;
    background-color: #262626 !important;
    text-decoration: none !important;
}

/* PERBAIKAN BUG: Mengatur Kotak Dropdown Turunan (seperti menu bawah "About") */
.pkp_navigation_primary ul, 
.pkp_navigation_primary .dropdown-menu {
    background-color: #1a1a1a !important; /* Memaksa background dropdown jadi hitam */
    border: 1px solid #3a3a3a !important;
    box-shadow: 0px 4px 10px rgba(0,0,0,0.5) !important;
    padding: 0 !important;
}

/* Mengatur teks di dalam dropdown agar berwarna putih */
.pkp_navigation_primary ul a, 
.pkp_navigation_primary .dropdown-menu a {
    color: #ffffff !important;
    background-color: #1a1a1a !important;
    padding: 10px 15px !important;
    display: block !important;
}

/* Efek Hover Khusus untuk isi link di dalam Dropdown */
.pkp_navigation_primary ul a:hover, 
.pkp_navigation_primary .dropdown-menu a:hover {
    color: #b61f24 !important; /* Teks berubah merah saat di-hover */
    background-color: #262626 !important; /* Background berubah abu-abu gelap saat di-hover */
    text-decoration: none !important;
}