/* Mengatur background halaman utama dengan pola geometris lingkaran (Overlapping Circles) */
body {
    background-color: #f5f7fb !important; /* Warna dasar netral yang lebih lembut */
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg stroke='%23dde3ea' stroke-width='1'%3E%3Ccircle cx='20' cy='20' r='20'/%3E%3Ccircle cx='40' cy='20' r='20'/%3E%3Ccircle cx='0' cy='20' r='20'/%3E%3Ccircle cx='20' cy='40' r='20'/%3E%3Ccircle cx='20' cy='0' r='20'/%3E%3Ccircle cx='40' cy='40' r='20'/%3E%3Ccircle cx='0' cy='40' r='20'/%3E%3Ccircle cx='40' cy='0' r='20'/%3E%3Ccircle cx='0' cy='0' r='20'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
    background-attachment: fixed !important; /* Membuat background diam saat halaman di-scroll */
}

/* Memastikan area konten utama (artikel) tetap berwarna putih bersih */
.pkp_structure_main {
    background-color: #ffffff !important;
    padding: 30px !important;
    border-radius: 8px; /* Sudut sedikit melengkung agar lebih modern */
    box-shadow: 0 6px 18px rgba(13, 79, 139, 0.06); /* Bayangan lembut bernuansa biru */
}

/* Memastikan area sidebar (menu kanan) juga memiliki background putih */
.pkp_structure_sidebar {
    background-color: #ffffff !important;
    padding: 20px !important;
    border-radius: 8px;
    box-shadow: 0 6px 18px rgba(13, 79, 139, 0.06);
}

/* =========================================================
   1. AREA HEADER UTAMA
   ========================================================= */
.pkp_structure_head {
    background-color: #f28c28 !important; /* Header oranye solid */
    border-bottom: 5px solid #0d4f8b !important; /* Aksen garis biru tipis */
}

/* Memastikan warna teks judul jurnal putih */
.pkp_site_name .is_text {
    color: #ffffff !important;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.18);
}

/* =========================================================
   2. PEMBUNGKUS NAVBAR (Bentuk Kotak, Opacity 70%, Tidak Full)
   ========================================================= */
/* Menghapus background full-width bawaan OJS */
.pkp_navigation_primary_wrapper {
    background-color: transparent !important;
    border: none !important;
}

/* Membuat background berbentuk kotak hanya memanjang di area konten */
.pkp_navigation_primary_row {
    background-color: rgba(255, 254, 253, 0.7) !important; /* Navbar lebih bersih dan seimbang */
    max-width: 1200px !important; /* Membatasi lebar agar tidak full ke ujung layar */
    margin: 10px auto !important; /* Memusatkan kotak di tengah layar */
    border-radius: 2px !important; /* Ujung kotak melengkung agar tidak kaku */
    padding: 0 0px !important;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    border: 1px solid rgba(13, 79, 139, 0.12) !important;
}

/* =========================================================
   3. ITEM MENU NAVBAR & EFEK HOVER (Teks Saja, Rapi)
   ========================================================= */
.pkp_navigation_primary > li > a {
    color: #0d4f8b !important; /* Warna teks default biru utama */
    font-weight: 700 !important;
    text-transform: uppercase;
    font-size: 13px !important;
    padding: 10px 10px !important;
    background-color: transparent !important; /* Pastikan tidak ada blok latar belakang */
    transition: color 0.3s ease !important; /* Efek transisi halus khusus warna teks */
}

/* Efek Hover: HANYA warna teks yang berubah, tanpa bentuk kotak */
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li:hover > a,
.pkp_navigation_primary > li > a:focus {
    background-color: transparent !important; /* Tidak ada background saat disorot */
    color: #d49b2a !important; /* Aksen hangat saat disorot */
    box-shadow: none !important; /* Menghilangkan bayangan kotak */
    transform: none !important; /* Teks diam di tempat, tidak melompat */
}

/* =========================================================
   4. DROPDOWN (Sub-Menu)
   ========================================================= */
.pkp_navigation_primary ul {
    background-color: rgba(255, 255, 255, 0.97) !important; /* Latar sub-menu putih bersih */
    border: 1px solid #e3e8ef !important;
    border-top: 3px solid #0d4f8b !important; /* Garis atas aksen biru utama */
    border-radius: 0 0 6px 6px;
    box-shadow: 0 10px 22px rgba(13, 79, 139, 0.12);
}

.pkp_navigation_primary ul li a {
    color: #145da0 !important; /* Teks sub-menu biru medium */
    font-weight: 600 !important;
}

.pkp_navigation_primary ul li a:hover {
    background-color: transparent !important;
    color: #d49b2a !important; /* Teks sub-menu jadi aksen hangat saat dihover */
}

/* =========================================================
   5. KOTAK PENCARIAN (Aksen Biru & Elegan)
   ========================================================= */
.pkp_search .search_controls {
    background: transparent !important;
}

.pkp_search .search_prompt {
    border: 1px solid #0d4f8b !important; /* Garis tepi biru utama */
    border-radius: 20px !important; /* Bentuk melengkung */
    padding: 6px 15px !important;
    font-size: 13px !important;
    background-color: rgba(255, 255, 255, 0.96) !important; /* Kotak search lebih bersih */
    color: #0d4f8b !important;
}

.pkp_search .search_prompt:focus {
    border-color: #d49b2a !important;
    box-shadow: 0 0 0 2px rgba(212, 155, 42, 0.18) !important;
    outline: none !important;
}

.pkp_search .search_button {
    color: #0d4f8b !important; /* Ikon search warna biru utama */
}

.pkp_search .search_button:hover {
    color: #d49b2a !important; /* Ikon search jadi aksen hangat saat disorot */
}