/* =========================================
   REVISI HEADER PORTAL UTAMA (SITE INDEX)
   ========================================= */

/* 1. Merapikan Area Navigasi User (Register & Login) */
.pkp_navigation_user_wrapper {
    /* background-color: #ffffff !important; */
    background-color: transparent !important;
    border-bottom: none !important;
    /* padding: 10px 20px; Memberi ruang agar tidak mepet tepi monitor */
}

/* Memastikan susunan tombol rapat dan sejajar di kanan */
.pkp_navigation_user {
    display: flex !important;
    justify-content: flex-end; 
    gap: 20px; /* Jarak antar tombol */
    margin: 0 auto;
    max-width: 1200px; /* Sejajar dengan batas lebar banner */
    padding: 0 15px;
}

.pkp_navigation_user a {
    color: #2c3e50 !important;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    text-decoration: none;
    transition: color 0.3s ease;
}

.pkp_navigation_user a:hover {
    color: #0056b3 !important;
}

/* 2. Membebaskan Banner dari Batasan OJS */
.pkp_structure_head {
    background-color: transparent !important;
    border-bottom: 2px solid #e0e0e0 !important; /* Garis pemisah tegas di bawah banner */
    padding: 0 !important; /* Menghilangkan ruang kosong bawaan */
    box-shadow: none !important;
}

.pkp_site_name_wrapper {
    width: 100%;
    display: block;
    text-align: center;
}

/* Memaksa gambar membentang presisi sesuai lebar kontainer (1200px) */
.pkp_site_name .is_img {
    display: block;
    width: 100%;
}

.pkp_site_name .is_img img {
    width: 100% !important; /* Melebar penuh */
    max-width: 1200px; /* Menjaga agar tidak pecah di monitor super lebar */
    height: auto !important; /* Menjaga proporsi gambar */
    max-height: none !important; /* MENGHANCURKAN batasan tinggi bawaan OJS */
    margin: 0 auto; /* Posisi di tengah */
    display: block;
}