/* ===========================
   FULL-WIDTH BANNER + LOGO OJS KLIKABLE (INVISIBLE BUT ACTIVE)
   =========================== */

/* Hilangkan background default header */
.pkp_head_wrapper,
.pkp_structure_head {
    background: none !important;
    border: none !important;
    margin: 0;
    padding: 0;
}

/* Wrapper utama banner */
.pkp_site_name_wrapper {
    position: relative;
    width: 100%;
    background:
        url('https://e-journal.upr.ac.id/public/journals/80/pageHeaderLogoImage_en_US.png')
        no-repeat center center,
        #007A33; /* hijau solid UPR */
    background-size: cover;
    overflow: hidden;
    margin: 0;
    padding: 0;
    transition: background-size 0.3s ease, background-position 0.3s ease;
}

/* Rasio gambar 3184x1200 */
.pkp_site_name_wrapper::before {
    content: "";
    display: block;
    padding-top: calc(1200 / 3184 * 100%);
}

/* === LOGO DEFAULT OJS: AKTIF TAPI TIDAK TERLIHAT === */
.pkp_site_name img {
    display: block !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 280px;
    height: auto;
    z-index: 10;
    opacity: 0; /* disembunyikan */
    pointer-events: auto; /* tetap bisa diklik */
    cursor: pointer;
}

/* Pastikan elemen <a> aktif tapi tidak mengganggu layout */
.pkp_site_name a {
    position: absolute !important;
    inset: 0;
    display: flex !important;
    align-items: center;
    justify-content: center;
    z-index: 15;
    background: transparent !important;
    opacity: 0; /* transparan tapi klik aktif */
    cursor: pointer;
    text-indent: 0 !important;
}

/* Hilangkan margin bawaan */
.pkp_site_name {
    margin: 0;
    padding: 0;
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 20;
}

/* Hapus jarak kosong antar elemen */
.pkp_structure_content,
.pkp_structure_main,
.page_index_journal {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* ===========================
   RESPONSIVE FIX
   =========================== */

/* Tablet */
@media (max-width: 1024px) {
    .pkp_site_name_wrapper {
        background:
            url('https://e-journal.upr.ac.id/public/journals/80/pageHeaderLogoImage_en_US.png')
            no-repeat center top,
            #007A33;
        background-size: contain;
    }

    .pkp_site_name_wrapper::before {
        padding-top: 70%;
    }

    .pkp_site_name img {
        max-width: 220px;
    }
}

/* HP sedang */
@media (max-width: 768px) {
    .pkp_site_name_wrapper {
        background:
            url('https://e-journal.upr.ac.id/public/journals/80/pageHeaderLogoImage_en_US.png')
            no-repeat center top,
            #007A33;
        background-size: contain;
    }

    .pkp_site_name_wrapper::before {
        padding-top: 85%;
    }

    .pkp_site_name img {
        max-width: 180px;
    }
}

/* HP kecil */
@media (max-width: 480px) {
    .pkp_site_name_wrapper {
        background:
            url('https://e-journal.upr.ac.id/public/journals/80/pageHeaderLogoImage_en_US.png')
            no-repeat center top,
            #007A33;
        background-size: contain;
    }

    .pkp_site_name_wrapper::before {
        padding-top: 95%;
    }

    .pkp_site_name img {
        max-width: 140px;
    }
}

/* ===========================
   Ubah warna teks Login/Register jadi hitam
   =========================== */

.pkp_navigation_user a,
.pkp_navigation_user .pkp_nav_list a {
    color: #000 !important; /* hitam */
    font-weight: 600;
}

.pkp_navigation_user a:hover,
.pkp_navigation_user .pkp_nav_list a:hover {
    color: #2e7d32 !important; /* hijau tua saat hover (opsional) */
    text-decoration: underline;
}