/* =========================
   RESET JARAK ATAS MOBILE
   ========================= */
@media (max-width: 768px) {
  #scroll_container,
  #scroll_container.inner-body,
  #inner_body_container,
  .inner-body-container,
  .inner-body,
  body.has-apk-download-notification {
    margin: 0 !important;
    padding: 0 !important;
    top: 0 !important;
  }
}

/* =========================
   HEADER BASE
   ========================= */
.site-header {
  position: relative !important;
  overflow: visible !important;
  z-index: 50 !important;
}

/* background layer */
.site-header::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: url("http://plcl.me/images/L9Lp7.png") no-repeat center center / 100% 100%;
}

/* nav & dropdown tetap di atas */
.site-header nav,
.site-header .navbar,
.site-header .menu,
.site-header .main-menu,
.site-header .nav {
  position: relative !important;
  z-index: 9999 !important;
}

.site-header .dropdown-menu,
.site-header .sub-menu,
.site-header .submenu {
  position: absolute !important;
  z-index: 10000 !important;
}

/* =========================
   MOBILE HEADER FIXED
   ========================= */
@media (max-width: 768px) {
  .site-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 99999 !important;
    overflow: visible !important;
  }

  .site-header::before {
    background: url("http://plcl.me/images/ZsNpH.png") no-repeat left center / cover;
    opacity: 0.95;
  }

  /* jarak konten agar tidak ketiban header */
  body,
  #scroll_container,
  #scroll_container.inner-body,
  #inner_body_container,
  .inner-body-container,
  .inner-body {
    padding-top: 70px !important; /* sesuaikan dengan tinggi header */
  }
}