/* ================================================
   Full-Width Header for OJS 3
   Author: ChatGPT (GPT-5)
   Description:
   Membuat header jurnal OJS3 agar tampil full layar.
   ================================================ */

/* Pastikan struktur halaman tidak membatasi lebar */
.pkp_structure_page,
.pkp_structure_head,
.pkp_site_name {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Hilangkan batas tengah (container) pada header */
.pkp_site_name {
  display: block;
  text-align: center;
  background-color: transparent;
}

/* Gambar header tampil penuh */
.pkp_site_name img,
.pageHeaderLogoImage {
  width: 100% !important;
  height: auto !important;
  object-fit: cover;
  display: block;
  margin: 0 auto;
  border: none;
}

/* Hilangkan ruang putih di atas dan bawah header */
.pkp_navigation_primary_wrapper,
.pkp_navigation_user_wrapper {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Tambahan opsional: sesuaikan tinggi area header jika pakai background */
.full-header-background {
  background-image: url('https://jipmas.jlikess.com/public/journals/1/pageHeaderLogoImage_id.jpg');
  background-size: cover;
  background-position: center;
  height: 250px; /* ubah sesuai kebutuhan */
}

.pkp_site_name {
    position: relative;
}

.issn-header {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 14px;
    color: #000;
    font-weight: bold;
}