@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');

:root {
  --hijau: #1B5E3F;
  --hijau2: #2E7D5B;
  --emas: #C9A227;
  --emas-muda: #E8C96A;
  --krem: #FBF8F0;
  --teks: #1F2A24;
}

body {
  background: var(--krem);
  color: var(--teks);
  font-family: 'Poppins', sans-serif;
  line-height: 1.6;
}
h1, h2, h3, h4 { color: var(--hijau); font-weight: 600; }
a { color: var(--hijau); text-decoration: none; }
a:hover { color: var(--emas); }

/* Header & navigasi */
.pkp_site_nav_menu,
.pkp_navigation_primary_row {
  background: linear-gradient(135deg, var(--hijau) 0%, var(--hijau2) 60%, var(--emas) 100%);
}
.pkp_navigation_primary a,
.pkp_site_name a { color: #fff; }
.pkp_navigation_primary a:hover { color: var(--emas-muda); }

/* Tombol */
.pkp_button,
.cmp_button {
  background: var(--hijau);
  border: 1px solid var(--hijau);
  color: #fff;
  border-radius: 6px;
  transition: background .2s, border-color .2s;
}
.pkp_button:hover,
.cmp_button:hover {
  background: var(--emas);
  border-color: var(--emas);
  color: var(--teks);
}

/* Judul artikel & blok sidebar */
.obj_issue_summary .title a,
.obj_article_summary .title a { color: var(--hijau); font-weight: 600; }
.obj_article_summary,
.obj_issue_summary {
  border-left: 4px solid transparent;
  padding-left: 12px;
  transition: border-color .2s;
}
.obj_article_summary:hover,
.obj_issue_summary:hover { border-left-color: var(--emas); }
.pkp_block .title {
  color: var(--hijau);
  border-bottom: 3px solid var(--emas);
  padding-bottom: 6px;
}

/* Footer */
.pkp_structure_footer_wrapper {
  background: var(--hijau);
  color: #fff;
  border-top: 4px solid var(--emas);
}
.pkp_structure_footer_wrapper a { color: var(--emas-muda); }
.pkp_structure_footer_wrapper a:hover { color: #fff; }

/* Banner: aktifkan setelah URL gambar tersedia
.pkp_head_wrapper {
  background-image: url('GANTI_URL_BANNER');
  background-size: cover;
  background-position: center;
  min-height: 300px;
  position: relative;
}
*/

@media (max-width: 768px) {
  .pkp_head_wrapper { min-height: 200px; }
}