html,
body {
  margin: 0; /* hilangkan margin default browser */
  padding: 0;
  background-image: url("https://journal.lsocreative.id/public/img-upload/background-ojs.png");
  background-repeat: repeat;
}

/* HEADER & WRAPPER: buang padding/margin + bg warna */
.has_site_logo .pkp_head_wrapper::before,
.has_site_logo .pkp_head_wrapper::after {
  content: "" !important;
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.pkp_structure_head,
#headerNavigationContainer,
.pkp_head_wrapper,
.pkp_site_name_wrapper,
.pkp_site_name {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

/* WADAH LOGO/BANNER */
.pkp_site_name .is_img {
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  justify-content: flex-start !important; /* Memastikan posisi selalu rata kiri */
  align-items: center !important;
  width: 100% !important; 
  height: auto !important; /* Mengganti 200px menjadi auto agar responsif */
}

/* GAMBAR DI DALAMNYA */
.pkp_site_name .is_img img {
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  max-width: 100% !important; /* Memastikan gambar tidak melewati batas layar */
  width: 100% !important; /* Lebar gambar akan mengikuti lebar layarnya */
  height: auto !important; /* Tinggi akan menyesuaikan lebar secara otomatis (proporsional) */
  max-height: none !important;
  /* object-fit: cover; dihapus karena kita ingin proporsi asli gambar terjaga */
}

/* Hilangkan brand footer bawaan */
.pkp_brand_footer {
  display: none !important;
}

/* TODO: design untuk content ojs untuk membuat semua format jurnal sama*/