/* HEADER MENGAMBANG KABAR TEMBORO
   Membuat topbar dan navigasi tetap terlihat saat halaman digulir. */
.topbar{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  z-index:1000 !important;
  box-shadow:0 2px 10px rgba(13,65,41,.12);
}

.site-header{
  position:fixed !important;
  top:38px !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  z-index:999 !important;
  background:rgba(255,255,255,.98) !important;
  border-bottom:1px solid var(--line) !important;
  box-shadow:0 9px 24px rgba(13,65,41,.10);
}

/* Ruang pengganti karena header tidak lagi mengambil tempat normal pada halaman. */
.sticky-header-spacer{
  display:block;
  height:122px;
}

/* Menu HP tetap muncul tepat di bawah header mengambang. */
@media(max-width:760px){
  .site-header{top:38px !important;}
  .sticky-header-spacer{height:110px;}
  .main-nav{z-index:1001 !important;}
}