/* Mengatur padding dan margin untuk header agar tampil full */
.pkp_site_name {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
}

.pkp_site_name > a {
  padding-top: 0;
  padding-bottom: 0;
}

/* Memastikan gambar logo memiliki ukuran maksimum yang sesuai */
.pkp_site_name .is_img img {
  max-height: 100%;  /* Menghilangkan batasan 200px dan membiarkan gambar menyesuaikan dengan kontainer */
  max-width: 100%;   /* Pastikan gambar memenuhi lebar container */
  height: auto;      /* Menjaga proporsi gambar */
}

/* Mengatur wrapper agar tidak ada padding samping */
.pkp_site_name_wrapper {
  padding-left: 0;
  padding-right: 0;
  width: 100%;       /* Memastikan wrapper mengambil lebar penuh */
}

/* Menyesuaikan elemen navigasi agar rapi di kanan */
.pkp_navigation_user_wrapper {
  top: 0;
  right: 0;
  padding-right: 30px;
  position: absolute;  /* Pastikan posisi absolut agar tidak mengganggu layout */
}

/* Memastikan halaman konten memiliki jarak yang proporsional */
.pkp_structure_page {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  padding-bottom: 20px !important;
}

/* Pastikan header dan navigasi menggunakan lebar penuh */
#header {
  width: 100%;
  margin: 0;
}

#header .container {
  width: 100%;
  padding: 0;
  margin: 0;
}

#header #site-title {
  font-size: 36px;
  color: #fff;
  text-align: center;
  padding: 20px 0;
}

#header #nav {
  background-color: #444;
  text-align: center;
}

#header #nav ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
}

#header #nav ul li {
  margin: 0 15px;
}

#header #nav ul li a {
  color: #fff;
  text-decoration: none;
  padding: 10px 15px;
  font-size: 18px;
}

#header #nav ul li a:hover {
  background-color: #666;
}
