/* 1. Mengubah latar belakang luar (kanan, kiri, bawah) menjadi abu-abu muda */
body {
    background-color: #f5f5f5 !important;
}

/* Menghilangkan ruang kosong (padding) di area header */
.pkp_structure_head {
    padding: 0 !important;
}

/* Memaksa wadah logo untuk merentang penuh secara horizontal */
.pkp_site_name_wrapper {
    width: 100% !important;
    margin: 0 !important;
}

/* Memastikan elemen tautan gambar tampil penuh */
.pkp_site_name_wrapper .is_img {
    display: block;
    width: 100%;
}

/* Menghilangkan batas maksimal logo bawaan OJS dan merentangkan gambar */
.pkp_site_name_wrapper .is_img img {
    width: 100% !important;
    max-width: 100% !important;
    max-height: none !important;
    height: auto !important;
    display: block;
}

/* 4. Styling Menu: Uppercase, Bold, dan font lebih tegas seperti contoh */
.pkp_navigation_primary a {
    text-transform: uppercase !important;
    font-weight: bold !important;
    font-size: 13px !important; /* Anda bisa menyesuaikan angka ini */
}

/* 5. Menyejajarkan Baris Biru (Navbar) agar ikut 'Boxed' (tidak full-width) */
.pkp_structure_nav {
    margin: 0 auto !important;
    max-width: 1140px; /* Ukuran ini akan menyamakan lebar baris biru dengan kotak konten */
    background-color: #2a8cc8 !important; /* Pastikan warna biru ini sama dengan settingan tema Anda */
}

/* 2. Menjaga area konten tengah tetap putih bersih dan memperbaiki sidebar yang turun */
.pkp_structure_content {
    background-color: #ffffff !important;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.05);
    
    /* Perintah kunci agar tata letak (sidebar) tidak rusak */
    box-sizing: border-box !important;
    
    /* Hanya memberikan jarak di atas dan bawah, kanan-kiri mengikuti bawaan sistem */
    padding-top: 20px !important;
    padding-bottom: 20px !important;