/* 1. Membesarkan ukuran foto banner dan mengunci proporsi aslinya (Anti-Lonjong) */
.pkp_site_name_wrapper .is_img img {
    width: 950px !important;       
    height: auto !important;       
    max-width: 100% !important;
    max-height: none !important;   
    object-fit: contain !important; 
    display: block !important;
    margin: 0 auto !important;
}

/* 2. Memaksa kontainer pembungkus gambar agar melar secara proporsional */
.pkp_site_name_wrapper, 
.pkp_site_name_wrapper .is_img {
    height: auto !important;       
    width: 100% !important;
    display: block !important;
}

/* 3. Memberikan ruang longgar pada kotak hijau toska */
header.pkp_structure_head {
    height: auto !important;       
    padding-top: 35px !important;  /* Ditambah sedikit agar memberi ruang teks di atas banner */
    padding-bottom: 25px !important; 
}

/* 4. Mengunci tulisan TETAP di Kanan Atas dengan jarak aman dari banner */
ul.pkp_navigation_user {
    display: flex !important;
    justify-content: flex-end !important;
    margin-top: -25px !important;   /* Menarik teks naik ke area kosong paling atas */
    margin-right: 40px !important;  /* Jarak aman agar teks masuk lebih ke kiri dari tepi layar, tapi tetap di kanan atas */
    margin-bottom: 10px !important;
    z-index: 999 !important;        /* Memastikan teks berada di lapisan paling depan (tidak tertutup) */
    position: relative !important;  /* Mengembalikan ke posisi relatif kontainer OJS */
}

ul.pkp_navigation_user li {
    padding: 5px 12px !important;
    list-style: none !important;
}

ul.pkp_navigation_user a {
    color: #222222 !important;     
    font-weight: bold !important;
    font-family: Arial, sans-serif !important;
    font-size: 13px !important;
}