/* =========================================================
   V293 - GLOBAL FIXED HEADER
   Header utama selalu terlihat saat halaman di-scroll.
   Berlaku untuk Publik, Admin, PIC/Pelatih, dan Siswa.
   ========================================================= */

:root{
  --aw4-fixed-header-height:86px;
}

/* Fixed lebih konsisten daripada sticky pada halaman panjang/iOS. */
html{
  scroll-padding-top:calc(var(--aw4-fixed-header-height) + 16px);
}

body{
  padding-top:var(--aw4-fixed-header-height) !important;
}

.site-header{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  z-index:5000 !important;
  transform:translateZ(0);
  backface-visibility:hidden;
}

/* Header fixed keluar dari document flow, jadi shell dihitung dari area tersisa. */
.app-shell{
  min-height:calc(100dvh - var(--aw4-fixed-header-height)) !important;
}

/* Sidebar role tetap tepat di bawah header. */
.app-sidebar{
  top:var(--aw4-fixed-header-height) !important;
  height:calc(100dvh - var(--aw4-fixed-header-height)) !important;
}

/* Overlay sidebar tidak menutupi kop/header aplikasi. */
.sidebar-overlay{
  inset:var(--aw4-fixed-header-height) 0 0 0 !important;
}

@media (max-width:1180px), (hover:none) and (pointer:coarse) and (max-width:1366px){
  :root{
    --aw4-fixed-header-height:82px;
  }

  .site-header{
    min-height:var(--aw4-fixed-header-height) !important;
  }
}

/* Pastikan perubahan orientasi dan viewport Safari tidak membuat celah header. */
@supports (height:100dvh){
  .app-sidebar{
    height:calc(100dvh - var(--aw4-fixed-header-height)) !important;
  }
}