/* =========================================================
   FINAL: BANNER FULL-WIDTH + MENU RAPI (DEFAULT THEME)
   ========================================================= */

/* ---------- A) BANNER FULL-WIDTH ---------- */
.pkp_site_name_wrapper,
.pkp_site_name{
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.pkp_site_name > a{
  display: block !important;
  width: 100% !important;
}

.pkp_site_name .is_img img{
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;      /* jangan batasi tinggi kalau mau proporsional */
  display: block !important;
}

/* Lepaskan pembatas lebar pada head wrapper (supaya banner full) */
.pkp_structure_head,
#headerNavigationContainer,
.pkp_head_wrapper{
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}


/* ---------- B) MENU NAVBAR DIBUAT "TERKONTROL" ---------- */
/* Bar biru menu diberi padding kiri-kanan (ini yang bikin tidak mepet) */
.pkp_navigation_primary_row{
  padding-left: 28px !important;
  padding-right: 28px !important;
  box-sizing: border-box !important;
}

/* Reset UL menu + rapikan jarak */
ul#navigationPrimary.pkp_navigation_primary.pkp_nav_list{
  margin: 0 !important;
  padding-left: 0 !important;
}

/* Jarak antar item */
ul#navigationPrimary.pkp_navigation_primary.pkp_nav_list > li{
  margin-right: 22px !important;
}

/* Area klik lebih lega */
ul#navigationPrimary.pkp_navigation_primary.pkp_nav_list > li > a{
  display: inline-block !important;
  padding: 12px 10px !important;
  line-height: 1.1 !important;
}

/* Search di kanan jangan mepet */
.pkp_navigation_search_wrapper{
  margin-right: 10px !important;
}

/* ---------- C) RESPONSIVE ---------- */
@media (max-width: 768px){
  .pkp_navigation_primary_row{
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  ul#navigationPrimary.pkp_navigation_primary.pkp_nav_list > li{
    margin-right: 12px !important;
  }
  ul#navigationPrimary.pkp_navigation_primary.pkp_nav_list > li > a{
    padding: 10px 8px !important;
  }
  .pkp_navigation_search_wrapper{
    margin-right: 6px !important;
  }
}

/* ====== MENU: lebih tebal + lebih menarik + jarak lebih rapat ====== */

/* 1) Jarak antar item menu diperkecil */
ul#navigationPrimary.pkp_navigation_primary.pkp_nav_list > li{
  margin-right: 14px !important;   /* sebelumnya 22px */
}

/* 2) Teks menu lebih tebal + sedikit uppercase + spacing rapi */
ul#navigationPrimary.pkp_navigation_primary.pkp_nav_list > li > a{
  font-weight: 800 !important;     /* lebih tebal */
  font-size: 18px !important;      /* sedikit lebih besar */
  letter-spacing: .2px !important; /* lebih “clean” */
  text-transform: none !important; /* ganti ke uppercase jika ingin */
  padding: 12px 8px !important;    /* rapikan area klik */
  border-radius: 10px !important;  /* siap untuk efek hover */
  transition: all .18s ease !important;
}

/* 3) Efek hover halus biar “hidup” tapi tetap elegan */
ul#navigationPrimary.pkp_navigation_primary.pkp_nav_list > li > a:hover{
  background: rgba(255,255,255,.10) !important;
  text-decoration: none !important;
  transform: translateY(-1px);
}

/* 4) Tandai menu aktif (current page) */
ul#navigationPrimary.pkp_navigation_primary.pkp_nav_list > li > a[aria-current="page"],
ul#navigationPrimary.pkp_navigation_primary.pkp_nav_list > li.current > a{
  background: rgba(255,255,255,.16) !important;
}

/* 5) Responsive */
@media (max-width: 768px){
  ul#navigationPrimary.pkp_navigation_primary.pkp_nav_list > li{
    margin-right: 10px !important;
  }
  ul#navigationPrimary.pkp_navigation_primary.pkp_nav_list > li > a{
    font-size: 13px !important;
    padding: 10px 7px !important;
  }
}
/* Turunkan 1 ukuran font menu */
ul#navigationPrimary.pkp_navigation_primary.pkp_nav_list > li > a{
  font-size: 15px !important;   /* sebelumnya 18px */
}
/* Samakan warna background menu dengan latar banner */
.pkp_navigation_primary_row{
  background-color: #0c0327 !important;
}

/* Pastikan wrapper/nav juga ikut (jika ada layer lain) */
.pkp_navigation_primary_wrapper,
nav.pkp_site_nav_menu{
  background-color: #0c0327 !important;
}

/* Search area kanan ikut senada */
.pkp_navigation_search_wrapper{
  background-color: transparent !important;
}