/* =============================================================
   Digitera V4.19.8 — Persistent Public/Home Header
   Header navigasi beranda selalu terlihat saat scroll.
   CSS-only; tidak mengubah database maupun data aplikasi.
   ============================================================= */

/* Beranda publik: gunakan fixed agar konsisten di browser desktop dan Android,
   termasuk pada halaman panjang dengan section harga/fitur. */
body.page-home{
  --digitera-home-header-height:76px;
  padding-top:var(--digitera-home-header-height);
}

body.page-home .topbar{
  position:fixed!important;
  top:0!important;
  right:0!important;
  bottom:auto!important;
  left:0!important;
  width:100%!important;
  z-index:1000!important;
  background:rgba(255,255,255,.96)!important;
  border-top:0!important;
  border-bottom:1px solid rgba(112,71,235,.11)!important;
  box-shadow:0 10px 30px rgba(57,40,105,.10)!important;
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}

body.page-home .topbar .nav-wrap{
  min-height:var(--digitera-home-header-height);
}

/* Anchor seperti #harga tidak tertutup navbar fixed. */
body.page-home :is(section,article,[id]){
  scroll-margin-top:calc(var(--digitera-home-header-height) + 16px);
}

/* Tablet/Android: header tetap di atas dan menu dropdown berada di atas konten. */
@media(max-width:1199px){
  body.page-home{
    --digitera-home-header-height:68px;
  }
  body.page-home .topbar{
    height:auto!important;
  }
  body.page-home .topbar .nav-wrap{
    min-height:var(--digitera-home-header-height)!important;
  }
  body.page-home .topbar .nav{
    z-index:1002!important;
  }
}

@media(max-width:520px){
  body.page-home{
    --digitera-home-header-height:64px;
  }
  body.page-home .topbar .nav-wrap{
    min-height:var(--digitera-home-header-height)!important;
  }
}

/* Saat menu mobile terbuka, header tetap menjadi lapisan paling atas. */
body.page-home.mobile-menu-open .topbar{
  z-index:1100!important;
}