/* === BACKGROUND GREY === */
html,
body {
  background-color: #e9e9e9 !important;
  margin: 0;
  padding: 0;
  font-family: 'Trebuchet MS', Arial, sans-serif !important;
}

/* === WRAPPER HEADER (HIJAU) === */
.pkp_head_wrapper {
  max-width: 1500px; /* sesuaikan dengan lebar konten utama kamu */
  margin: 0 auto;
  background-color: #006756 !important; /* hijau header */
  border-radius: 0 0 6px 6px; /* opsional biar lembut di bawah */
  padding: 0 1rem; /* supaya isi header gak mentok kiri-kanan */
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Latar header */
.pkp_structure_head {
  background-color: #e9e9e9 !important;
}


/* === KONTEN DI DALAM HEADER (DIRATAKAN TENGAH, LEBAR SAMA DENGAN BODY) === */
.pkp_head_wrapper > * {
  max-width: 1200px;         /* lebar sama dengan area konten utama */
  margin: 0 auto;            /* posisikan di tengah */
  text-align: center;        /* isi header di tengah */
  box-sizing: border-box;
}

/* === AREA TENGAH PUTIH (BODY UTAMA) === */
.pkp_structure_main,
.pkp_structure_content,
.pkp_page_index {
  background-color: #ffffff !important;  /* putih bersih */
  max-width: 1200px;                     /* sama lebar dengan header */
  margin: 0 auto;                        /* di tengah */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  padding: 1.5rem 2rem;
  border-radius: 4px;
}

/* === HILANGKAN LATAR PUTIH / BAYANGAN DI NAVIGASI === */
.pkp_site_nav_wrapper,
.pkp_navigation_primary_row,
.pkp_navigation_user_wrapper {
  background: transparent !important;
  box-shadow: none !important;
}

/* === LOGO / NAMA SITUS === */
.pkp_site_name .is_img img {
  height: auto !important;
  max-height: max-content;
}

/* === TABEL DESKRIPSI === */
.description table {
  max-width: 100%;
}

/* === GAMBAR HALAMAN UTAMA === */
.pkp_page_index .homepage_image img {
  max-width: 200px;
  float: left;
  margin: 1rem;
}

/* === FOOTER KUSTOM === */
.pkp_site_footer {
  display: block !important;
  visibility: visible !important;
  background-color: #ffffff;
  border-top: 4px solid #006756;
  text-align: center;
  padding: 1rem 0;
  color: #333;
  font-size: 0.9rem;
}

/* Hidden PKP */
.pkp_brand_footer,
.pkp_footer_content {
  display: none !important;
  visibility: hidden !important;
}