/* 1) Pastikan pembungkus header bisa jadi kanvas penuh */
.pkp_site_name_wrapper {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}

/* 2) Hilangkan batas/padding yang bikin header terlihat "mengambang" */
.pkp_site_name {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

/* 3) Pastikan anchor image jadi blok penuh, bukan inline */
.pkp_site_name .is_img {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left;
  /* atau center jika ingin */
}

/* 4) Paksa gambar mengisi lebar viewport */
.pkp_site_name .is_img img {
  display: block !important;
  width: 100% !important;
  /* kunci supaya melebar penuh */
  height: auto !important;
  /* proporsional, tanpa crop */
  max-width: 100% !important;
  object-fit: contain !important;
  /* jaga agar tidak terpotong */
  margin: 0 !important;
}

/* 5) Jika ada bar/area header lain yang memberi padding kiri-kanan */
#immersion_content_header,
#headerNavigationContainer,
.main-header,
/* beberapa tema pakai class ini */
.main-header__title,
.container-fluid {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 6) Toggle tombol menu di kiri kadang mendorong isi; rapikan pada layar lebar */
@media (min-width: 992px) {
  .pkp_site_nav_toggle {
    position: absolute;
    /* jangan menggeser layout banner */
    left: 16px;
    top: 16px;
    z-index: 2;
  }
}

/* 7) Jika masih ada jarak/strip di sisi kanan, ini biasanya dari margin nav */
.navbar,
.main-header__nav {
  margin: 0 !important;
}


@media (min-width: 992px) {
  .pkp_site_name .is_img img {
    max-height: 380px;
  }
}

body {
  height: 100%;
  background-image: url('https://image.freepik.com/free-vector/vintage-ornamental-flowers-background_52683-28040.jpg');
  background-position: center;
  background-repeat: repeat;
}


.pkp_structure_page {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}


.pkp_structure_content {
  flex: 1 0 auto;
}

/* tambahan 2026-02-04 */
footer.footer {
  background-color: #1e272e;
  color: #dcdde1;
  font-family: 'Segoe UI', sans-serif;
}

footer.footer .container {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 1.5rem;
}

footer.footer .row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2rem;
}

footer.footer .footer-col {
  flex: 1 1 200px;
  min-width: 200px;
}

footer.footer h4 {
  font-size: 1.2rem;
  color: #ffffff;
  margin-bottom: 1rem;
  border-bottom: 2px solid #00cec9;
  padding-bottom: 0.5rem;
}

footer.footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

footer.footer li.show {
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}

footer.footer li.show a {
  color: #b2bec3;
  text-decoration: none;
  font-size: 0.95rem;
}

footer.footer li.show a:hover {
  color: #ffffff;
  text-decoration: underline;
}

footer.footer img {
  margin-top: 0.5rem;
}

footer.footer .footer-col a {
  color: #dcdde1;
  margin-right: 0.5rem;
  font-size: 1.2rem;
}

footer.footer .footer-col a:hover {
  color: #00cec9;
}

/* header logo kecil saat tampilan mobile, solusinya menambah ukuran prop height pada class pkp_site_name_wrapper untuk layar max width 768px */
@media (max-width: 768px) {
  .pkp_site_name_wrapper {
    height: 5rem !important;
  }

  .pkp_site_name .is_img img {
    max-height: none !important;
    height: auto;
    width: auto;
  }
}