/* ==================== HEADER ==================== */

.pkp_site_name {
  padding-top: 0 !important;      /* Hapus jarak atas area nama situs */
  padding-bottom: 0 !important;   /* Hapus jarak bawah area nama situs */
}

.pkp_site_name > a {
  display: block;                 /* Tautan header menjadi satu blok penuh */
  padding-top: 0;                 /* Hapus jarak atas pada tautan header */
  padding-bottom: 0;              /* Hapus jarak bawah pada tautan header */
  line-height: 0;                 /* Hilangkan celah putih di bawah gambar */
}

.pkp_site_name .is_img {
  display: block;                 /* Kotak gambar tampil sebagai blok biasa */
  width: 100%;                    /* Kotak gambar memenuhi lebar penuh */
  height: auto;                   /* Tinggi mengikuti proporsi gambar (tidak dipatok) */
}

.pkp_site_name .is_img img {
  display: block;                 /* Hilangkan celah kecil di bawah gambar */
  width: 100%;                    /* Gambar selalu selebar kotaknya */
  height: auto;                   /* Tinggi gambar mengikuti proporsi aslinya */
  max-width: 100%;                /* Gambar tidak melebihi lebar kotaknya */
  max-height: none;               /* Tidak ada batas tinggi, sehingga gambar tidak terpotong */
}

.pkp_site_name_wrapper {
  padding-left: 0;                /* Hapus jarak kiri pembungkus header */
  padding-right: 0;               /* Hapus jarak kanan pembungkus header */
}

.pkp_head_wrapper {
  padding-top: 0 !important;      /* Hapus jarak atas bawaan tema pada area header */
  padding-bottom: 0 !important;   /* Hapus jarak bawah bawaan tema pada area header */
}

.pkp_navigation_user_wrapper {
  top: 0;                         /* Menu pengguna menempel ke tepi atas */
  right: 0;                       /* Menu pengguna menempel ke tepi kanan */
  padding-right: 30px;            /* Jarak dari tepi kanan layar */
}

.pkp_structure_page {
  margin-top: 20px !important;    /* Jarak halaman dari tepi atas browser (ubah ke 0 agar gambar menempel ke atas) */
  margin-bottom: 20px !important; /* Jarak halaman dari tepi bawah browser */
  padding-bottom: 20px !important;/* Ruang kosong di bagian bawah halaman */
}

/* ==================== FOOTER ==================== */

.pkp_brand_footer {
  display: none;                                    /* Sembunyikan logo OJS di footer */
}

/* ============ MENU SIDEBAR (MAIN MENU) ============ */

.menu-item {
  border: solid 1px #eceff5;                        /* Garis tepi tipis abu-abu muda */
  background-image: linear-gradient(to right, #d5ead8 0%, #5ba997 50%, #4b8d7f 50%, #0e6e60 100%); /* Dua warna pertama: tampilan normal; dua warna terakhir: tampilan hover */
  background-size: 200% 100%;                       /* Gradasi dibuat 2x lebar kotak agar bisa bergeser */
  background-position: 0 0;                         /* Posisi awal: bagian gradasi normal yang terlihat */
  padding: 5px 5px 5px 15px;                        /* Jarak isi: atas 5px, kanan 5px, bawah 5px, kiri 15px */
  margin: 0;                                        /* Tidak ada jarak antar kotak menu */
  text-align: left;                                 /* Teks rata kiri */
  line-height: 23px;                                /* Jarak antar baris teks (mempengaruhi tinggi kotak) */
  transition: background-position 0.4s ease;        /* Animasi halus saat gradasi bergeser */
}

/* Warna teks dan ikon saat normal */
.menu-item a,
.menu-item span,
.menu-item strong,
.menu-item em {
  color: #1F5F54;                                   /* Warna teks dan ikon saat tidak disorot */
}

.menu-item:hover {
  background-position: 100% 0;                      /* Saat kursor melintas, gradasi bergeser ke warna hover */
}

/* Warna teks dan ikon saat kursor melintas */
.menu-item:hover a,
.menu-item:hover span,
.menu-item:hover strong,
.menu-item:hover em {
  color: #ffffff !important;                        /* Teks dan ikon berubah putih saat hover */
}

/* ============ JARAK ANTAR BLOK SIDEBAR ============ */

.pkp_block {
  margin-top: 25px !important;                      /* Jarak dari blok atas / garis atas */
  margin-bottom: 20px !important;                   /* Jarak ke blok di bawahnya */
  padding-top: 0 !important;                        /* Hapus jarak dalam atas blok */
  padding-bottom: 0 !important;                     /* Hapus jarak dalam bawah blok */
}