/* 1. Menghapus warna hijau bawaan dan paksa header jadi full width */
header.pkp_structure_head {
    background: none !important; /* Menghilangkan warna hijau */
    background-color: transparent !important;
    border: none !important;
    max-width: 100% !important;
}

/* 2. Menghapus container yang membatasi lebar di OJS */
.pkp_structure_head .pkp_head_wrapper {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}
/* 3. Membuat Tombol Login/Dashboard Melayang di Atas Gambar */
.pkp_navigation_user_wrapper {
    background: transparent !important; 
    position: absolute !important;
    top: 15px; /* Jarak dari atas */
    right: 30px; /* Jarak dari kanan */
    z-index: 999;
    width: auto !important;
}

/* Mengubah warna teks Login/Dashboard menjadi Hijau Gelap sesuai menu */
.pkp_navigation_user_wrapper a {
    color: #1b7a43 !important; /* Warna hijau gelap Focus & Scope */
    font-weight: bold !important;
    text-decoration: none !important;
}

/* Efek saat kursor menempel di tulisan Login (Hover) */
.pkp_navigation_user_wrapper a:hover {
    color: #000000 !important; /* Berubah jadi hitam saat disentuh kursor */
}
/* 4. Memasang Gambar Header agar 100% Lebar dan 100% Tinggi */
/* Ganti Link di bawah dengan link gambar JSEL Anda */
.pkp_site_name_wrapper {
    display: block !important;
    width: 100% !important;
    height: 200px !important; /* <--- Silakan ganti angka ini jika kurang tinggi */
    margin: 0 !important;
    padding: 0 !important;
    background-image: url("https://jurnal.fkip.unmul.ac.id/public/journals/47/pageHeaderLogoImage_en_US.png") !important;
    background-size: 100% 100% !important; /* Memaksa lebar 100% tinggi 100% */
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* 5. Sembunyikan elemen logo/teks asli OJS agar tidak double */
.pkp_site_name_wrapper .is_img, 
.pkp_site_name_wrapper .is_text,
.pkp_site_name_wrapper img {
    display: none !important;
}

/* 6. Merapikan menu Navigasi Utama (Home, About, dll) */
.pkp_navigation_primary_wrapper {
    background: #ffffff !important;
    border-bottom: 1px solid #ddd;
    width: 100% !important;
    padding: 10px 0 !important;
}

/* Container Menu Vertikal */
.vertical-menu {
    width: 100%;
    margin-bottom: 2px; /* Jarak antar kotak menu */
}

/* Gaya Tombol Menu */
.vertical-menu a {
    background-color: #1a3a32; /* Warna hijau utama */
    color: white !important; /* Warna teks putih */
    display: block;
    padding: 6px 10px;
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
    border-left: 5px solid #27ae60; /* Aksen hijau tua di kiri */
    transition: all 0.3s ease;
    text-transform: uppercase; /* Membuat teks jadi kapital semua */
}

/* Efek saat Kursor Menempel (Hover) */
.vertical-menu a:hover {
    background-color: #27ae60; /* Hijau lebih gelap saat di-hover */
    color: #ffffff !important;
    padding-left: 20px; /* Efek bergeser sedikit ke kanan */
    text-decoration: none;
}

/* Menghilangkan bullet point jika ada di sidebar */
.pkp_block.block_custom .content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}