@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Baloo+Tamma+2&display=swap");

/* --- DEKLARASI WARNA HIJAU DAN EMAS --- */
:root {
  --primary-green: #0A5C36; /* Hijau Tua Elegan */
  --secondary-green: #147A4B; /* Hijau Agak Terang untuk gradasi */
  --primary-gold: #D4AF37; /* Emas Metalik */
  --secondary-gold: #F3E5AB; /* Emas Muda */
  --text-light: #ffffff; /* Putih untuk teks di atas background gelap */
}

.pkp_page_index,
.pkp_op_index {
  background: transparent !important;
}

/* --- PENYESUAIAN GAMBAR AGAR RESPONSIF SECARA UMUM --- */
img {
  max-width: 100%;
  height: auto;
}

/* --- TAMPILAN DESKTOP (Lebar 992px ke atas) --- */
@media (min-width: 992px) {
  /* .pkp_structure_sidebar:before {
    border-left: 2px dotted var(--primary-gold) !important;
  } */
  
  .pkp_structure_page {
    overflow: hidden !important;
    /* border-radius: 4px !important; */
    margin: 10px auto !important;
    max-width: 1160px !important;
    background: #fff !important;
    /* Bayangan lembut dengan hint warna hijau */
    box-shadow: 0px 4px 25px rgba(10, 92, 54, 0.15) !important; 
    /* Aksen garis emas di bagian atas halaman */
    border-top: 4px solid var(--primary-gold) !important;
  }

  .pkp_site_name {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .pkp_site_name > a {
    padding-top: 0;
    padding-bottom: 0;
    color: var(--primary-green);
    transition: color 0.3s ease;
  }
  
  .pkp_site_name > a:hover {
    color: var(--primary-gold);
  }

  .pkp_site_name .is_img img {
    max-height: 100% !important; /* Mengikuti tinggi maksimal container header */
    width: auto !important;       /* Agar lebar gambar menyesuaikan proporsi */
    height: auto;
    display: block;
  }

  .pkp_site_name_wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .pkp_navigation_primary_row {
    /* Gradasi Hijau Elegan (sebelumnya silver/abu-abu) */
    background: linear-gradient(to bottom, var(--secondary-green) 0%, var(--primary-green) 50%, var(--primary-green) 51%, var(--secondary-green) 100%);
    padding-left: 20px;
    font-size: 1.12em;
    padding-top: 5px;
    /* Border diubah menggunakan warna Emas */
    border-top: 2px solid var(--primary-gold);
    border-bottom: 2px solid var(--primary-gold);
    border-left: none;
    border-right: none;
    position: relative;
    /* Diubah menjadi min-height agar teks tidak terpotong jika layar menyempit (Responsif) */
    height: auto;
    min-height: 46px; 
    display: flex;
    align-items: center; /* Memastikan teks berada di tengah secara vertikal */
  }

  /* Pewarnaan Teks Link pada Navigasi */
  .pkp_navigation_primary_row a {
    color: var(--text-light) !important;
    text-decoration: none;
    transition: color 0.3s ease;
  }
  
  .pkp_navigation_primary_row a:hover {
    color: var(--primary-gold) !important;
  }
}

/* --- TAMPILAN MOBILE (Lebar di bawah 992px) --- */
@media (max-width: 991px) {
  .pkp_navigation_primary_row {
    background: var(--primary-green);
    border-top: 2px solid var(--primary-gold);
    border-bottom: 2px solid var(--primary-gold);
    padding: 10px;
  }
  
  .pkp_navigation_primary_row a {
    color: var(--text-light) !important;
  }
  
  .pkp_navigation_primary_row a:hover {
    color: var(--primary-gold) !important;
  }
}
/* Membuat container header mengambil lebar penuh */
.pkp_site_name_wrapper {
  width: 100% !important;
  padding: 0 !important;
}

/* Membuat gambar melebar 100% dan tingginya otomatis (responsif) */
.pkp_site_name .is_img img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  display: block;
}

/* 1. Menghilangkan warna latar biru dan mematikan grid bawaan */
.pkp_structure_head {
  background-color: transparent !important;
  border: none !important;
}

.pkp_head_wrapper {
  display: block !important; /* Mematikan flexbox pembagi kolom */
  width: 100% !important;
  padding: 0 !important;
  position: relative; /* Menjadi acuan posisi menu profil */
}

/* 2. Memaksa kontainer logo mengambil 100% ruang */
.pkp_site_name_wrapper {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.pkp_site_name, 
.pkp_site_name > a,
.pkp_site_name .is_img {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 3. Menarik gambar agar memenuhi ujung ke ujung */
.pkp_site_name .is_img img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  display: block !important;
}

/* 4. Memindahkan menu profil (username) agar mengambang di atas banner */
.pkp_navigation_user_wrapper {
  position: absolute !important;
  top: 10px !important;
  right: 15px !important;
  z-index: 99 !important;
  background: rgba(0, 0, 0, 0.3); /* Opsional: memberi latar gelap tipis agar teks profil terbaca */
  border-radius: 4px;
  padding: 0 10px;
}

/* Hilangkan latar belakang gelap pada menu profil */
.pkp_navigation_user_wrapper {
  position: absolute !important;
  top: 10px !important;
  right: 15px !important;
  z-index: 99 !important;
  background: transparent !important; /* Hapus kotak transparan */
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Pastikan teks menu profil tetap jelas terbaca */
.pkp_navigation_user_wrapper a {
  color: #1b4332 !important; /* Warna teks hijau gelap agar kontras dengan banner */
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8); /* Bayangan putih halus agar terbaca di atas gambar */
  text-decoration: none !important;
}

.pkp_navigation_user_wrapper {
  display: none !important;
}