/* Menghilangkan background bawaan header */
.pkp_structure_head {
    background: none !important;
    background-color: transparent !important;
    border: none !important;
}

/* Mengatur container logo agar sesuai dengan ukuran gambar */
.pkp_site_name_wrapper {
    padding: 0 !important;
}

.pkp_site_name {
    display: flex;
    justify-content: center; /* Posisi logo di tengah */
    align-items: center;
}

/* Memaksa ukuran logo menjadi 866x133px */
.pkp_site_name .is_img img {
    max-width: 1159px !important;
    max-height: 173px !important;
    width: 1159px !important;
    height: 173px !important;
    display: block;
    margin: 0 auto;
}

/* Menghilangkan padding tambahan yang sering muncul di OJS 3 */
header.pkp_structure_head {
    min-height: 133px !important;
}

/* 1. Mengatur Background Body dengan gambar pilihan */
body {
    background-image: url('https://ejournal.akbidberlian.ac.id/public/site/images/adminakbidberlian/batik.jpg') !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* 2. Mengatur posisi Header agar bisa menampung menu di dalamnya */
.pkp_structure_head {
    position: relative !important;
    min-height: 133px !important;
}

/* 3. Menarik Menu User (Login/Daftar) ke dalam area Header */
.pkp_navigation_user_wrapper {
    position: absolute !important;
    top: 5px !important; /* Jarak dari atas */
    right: 20px !important; /* Jarak dari kanan */
    z-index: 999;
}

/* 4. Mengatur tampilan teks menu agar terlihat jelas di atas gambar */
.pkp_navigation_user_wrapper a {
    color: #ffffff !important; /* Warna teks putih */
    font-weight: bold;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.8); /* Memberi bayangan agar terbaca */
    background: rgba(0,0,0,0.2); /* Memberi sedikit latar belakang transparan */
    padding: 5px 10px;
    border-radius: 4px;
}

.pkp_navigation_user_wrapper a:hover {
    background: rgba(255,255,255,0.2);
}

/* --- 1. Area Konten Utama (Main Body) Jadi Putih --- */
#main-content, 
.page_about, 
.page_issue, 
.pkp_structure_main {
    background-color: #ffffff !important;
    padding: 20px;
    border-radius: 8px; /* Memberikan sudut sedikit membulat agar modern */
    box-shadow: 0 2px 10px rgba(0,0,0,0.05); /* Shadow halus agar tidak 'flat' */
}

/* --- 2. Jarak Tombol Home dari Kiri --- */
/* Menggeser seluruh baris menu agar tidak menempel ke pinggir kiri layar */
.pkp_navigation_primary, 
.pkp_nav_list {
    margin-left: 30px !important; /* Sesuaikan angka ini sesuai selera */
}

/* Khusus untuk item pertama (Home) jika ingin jarak lebih spesifik */
.pkp_navigation_primary > li:first-child {
    margin-left: 15px;
}

/* --- 3. Bonus: Merapikan Tombol Menu Atas --- */
.pkp_navigation_primary li a {
    color: #ffffff; /* Warna teks putih agar kontras dengan bar biru */
    padding: 10px 15px !important;
    transition: background 0.3s ease;
}

.pkp_navigation_primary li a:hover {
    background-color: rgba(255,255,255,0.2); /* Efek hover saat kursor di atas menu */
    text-decoration: none;
}

/* --- 4. Merapikan Box "About Journal" yang Bergaris Putus-putus --- */
.about_section {
    border: 1px solid #ddd !important; /* Mengganti putus-putus dengan garis tipis solid */
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 5px;
}