/* 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.stmikglobal.ac.id/public/site/images/adminstmik/pngtree-517-world-telecommunication-and-information-society-day-image-225423.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);
}