/* === SITE NAME === */
.pkp_site_name {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.pkp_site_name > a {
  padding: 0;
  background-color: #ffffff !important;
  color: #1B6B30 !important;
}
.pkp_site_name .is_img img {
  max-height: 300px !important;
}
.pkp_site_name_wrapper {
  padding-left: 0;
  padding-right: 0;
}

/* === PRIMARY NAVIGATION === */
.pkp_navigation_primary_wrapper {
  background-color: #ffffff;
  width: 100%;
  margin: -30px;
  padding: 0 10px 0 40px;
  box-sizing: border-box;
  display: block;
  color: #1B6B30;
}
.pkp_navigation_primary_wrapper a,
.pkp_navigation_primary_wrapper a:visited,
.pkp_navigation_primary_wrapper a:focus,
.pkp_navigation_primary_wrapper a:active {
  background-color: transparent !important;
  color: #1B6B30 !important;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: none;
  outline: none;
}
.pkp_navigation_primary_wrapper a:hover {
  background-color: #2E8B57 !important; /* Hijau terang untuk kontras */
  color: #ffffff !important;
  border-radius: 4px;
  padding: 4px 8px;
}
.pkp_navigation_primary {
  margin: 0 auto;
  padding: 0;
  max-width: 100%;
  box-sizing: border-box;
}

/* === DROPDOWN MENU NAVIGATION API === */
.pkp_navigation_primary_wrapper .dropdown-menu {
  background-color: #ffffff !important;
  border: 1px solid #dddddd !important;
  box-shadow: none !important;
  margin-top: 4px !important;
  padding: 0 !important;
  min-width: max-content !important;
  border-radius: 0 !important;
  z-index: 1000;
}

/* Item dropdown */
.pkp_navigation_primary_wrapper .dropdown-menu > li {
  display: block;
}

/* Link dropdown minimalis */
.pkp_navigation_primary_wrapper .dropdown-menu > li > a {
  display: block;
  font-size: 13px !important;
  text-transform: capitalize !important;
  color: #1B6B30 !important;
  background-color: transparent !important;
  padding: 6px 12px !important;
  text-decoration: none !important;
  white-space: nowrap;
  border: none !important;
  box-shadow: none !important;
  transition: background-color 0.2s ease, color 0.2s ease;
}

/* Hover efek ringan */
.pkp_navigation_primary_wrapper .dropdown-menu > li > a:hover,
.pkp_navigation_primary_wrapper .dropdown-menu > li > a:focus {
  background-color: #e6f2ec !important;
  color: #0d5733 !important;
  border-radius: 0 !important;
}

/* === USER NAVIGATION === */
ul#navigationUser li a {
  color: #ffffff !important;
  font-weight: bold !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  font-family: 'Segoe UI', sans-serif !important;
  padding: 6px 12px !important;
  display: inline-block;
  text-decoration: none !important;
}

/* Hover style */
ul#navigationUser li a:hover {
  color: #f5fcf7 !important;
}

/* === DROPDOWN MENU USER NAVIGATION === */
.pkp_navigation_user_wrapper .dropdown-menu {
  background-color: #0d5733 !important; /* Hijau branding API */
  border: none !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
  margin-top: 4px !important;
  padding: 0 !important;
  border-radius: 6px !important;
  min-width: 160px !important;
  z-index: 1000;
}

/* Dropdown item */
.pkp_navigation_user_wrapper .dropdown-menu > li > a {
  display: block !important;
  font-size: 13px !important;
  color: #ffffff !important;
  background-color: transparent !important;
  padding: 8px 16px !important;
  text-transform: capitalize !important;
  font-family: 'Segoe UI', sans-serif !important;
  text-decoration: none !important;
  transition: background-color 0.2s ease, color 0.2s ease;
}

/* Hover efek kontras */
.pkp_navigation_user_wrapper .dropdown-menu > li > a:hover,
.pkp_navigation_user_wrapper .dropdown-menu > li > a:focus {
  background-color: #228b22 !important; /* Hijau terang */
  color: #ffffff !important;
  border-radius: 4px !important;
}

/* === SIDEBAR CONTAINER (Jarak dari Konten Lain) === */
.pkp_structure_sidebar {
  padding: 20px 12px;            /* Jarak horizontal sidebar dari container utama */
  box-sizing: border-box;
}

/* === BLOK PER BAGIAN DI SIDEBAR (Lebar Terbatas & Tengah + Shadow) === */
.pkp_structure_sidebar > div,
.pkp_structure_sidebar .block {
  background-color: #ffffff !important;
  padding: 16px;
  margin: 0 auto 20px auto;       /* Tengah + jarak bawah */
  border-radius: 6px;
  color: #0d5733 !important;
  max-width: 300px;
  width: 100%;
  box-sizing: border-box;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); /* Tambahan bayangan lembut */
}

/* === GAYA JUDUL SIDEBAR SERAGAM === */
.pkp_structure_sidebar .block h2,
.pkp_structure_sidebar .pkp_block h2,
.pkp_structure_sidebar h2.title {
  background-color: #0d5733;
  color: #ffffff !important;
  font-weight: bold;
  font-size: 16px;
  padding: 8px 12px;
  margin: 0;
  border-bottom: 2px solid #228b22;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

/* === Lebar Blok Sidebar Konsisten === */
.pkp_structure_sidebar > div,
.pkp_structure_sidebar .block {
  max-width: 320px;
  width: 100%;
  margin: 0 auto 20px auto;
  padding: 16px;
  border-radius: 6px;
  box-sizing: border-box;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

/* === HEADING DI SIDEBAR === */
.pkp_structure_sidebar h2,
.pkp_structure_sidebar h3 {
  color: #0d5733 !important;
  margin-top: 0;
  margin-bottom: 10px;
  border-bottom: 2px solid #0d5733 !important; /* Pakai !important agar tak ditimpa */
  padding-bottom: 6px;
}

/* === LINK MENU DI SIDEBAR — Versi Rapat === */
.pkp_structure_sidebar a {
  display: block;
  color: #0d5733 !important;
  text-decoration: none;
  margin-bottom: 0px;  /* Awalnya 8px, dikurangi agar lebih rapat */
  font-weight: 500;
  font-size: 13px;
  padding: 2px 2px;
  border-bottom: 1px solid #e0e0e0; /* Garis antar link */
  background-color: transparent !important;
  box-shadow: none !important;
  transition: color 0.3s ease;
}

/* === HOVER LINK — Polosan === */
.pkp_structure_sidebar a:hover {
  color: #228b22 !important;
}

/* === PAGE STRUCTURE === */
.pkp_structure_page {
  margin: 0px auto !important; /* Tengah */
  padding: 0 0px 0px !important; /* Tambahkan padding kiri-kanan */
  background-color: #f5fcf7 !important; /* Hijau  */
  color: #333333 !important; /* Warna teks putih */
}

/* === BODY BACKGROUND === */
body {
  background-color: #ffffff !important;
}

/* === FOOTER === */
.pkp_brand_footer {
  display: none !important;
}

.cmp_breadcrumbs ol,
.cmp_breadcrumbs ol li,
.cmp_breadcrumbs ol li a,
.cmp_breadcrumbs ol li.current,
.cmp_breadcrumbs ol li.current span,
.cmp_breadcrumbs ol li span.separator {
  color: #000000 !important;
}