/* =========================================================
   VERSI 42 - TOMBOL MENU HP/TABLET DIPERKECILKAN
   Fokus: ikon hamburger pojok kanan atas kembali proporsional.
   ========================================================= */

@media (max-width:1180px), (hover:none) and (pointer:coarse) and (max-width:1366px){

  .site-header .container,
  .site-header .container.site-header-inner,
  .site-header-inner,
  header.site-header > .container{
    min-height:82px !important;
  }

  .brand{
    max-width:calc(100% - 62px) !important;
  }

  .mobile-menu-btn{
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    min-height:48px !important;
    flex:0 0 48px !important;
    padding:0 !important;
    margin-left:8px !important;
    border-radius:15px !important;
    background:rgba(255,255,255,.10) !important;
    border:1px solid rgba(255,255,255,.24) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 8px 18px rgba(2,18,46,.10) !important;
  }

  .mobile-menu-btn .hamb{
    width:24px !important;
    height:20px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
  }

  .mobile-menu-btn .hamb span{
    width:24px !important;
    height:2.6px !important;
    border-radius:999px !important;
    background:#ffffff !important;
  }
}

@media (max-width:480px){
  .site-header .container,
  .site-header .container.site-header-inner,
  .site-header-inner,
  header.site-header > .container{
    min-height:80px !important;
  }

  .brand{
    max-width:calc(100% - 58px) !important;
  }

  .mobile-menu-btn{
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    min-height:46px !important;
    flex-basis:46px !important;
    border-radius:14px !important;
    margin-left:6px !important;
  }

  .mobile-menu-btn .hamb{
    width:23px !important;
    height:19px !important;
    gap:5px !important;
  }

  .mobile-menu-btn .hamb span{
    width:23px !important;
    height:2.5px !important;
  }
}

/* Untuk HP yang sangat kecil, tombol tetap rapi dan tidak mendesak nama sekolah */
@media (max-width:380px){
  .brand-logo{
    width:46px !important;
    height:46px !important;
    flex-basis:46px !important;
  }

  .brand-title::after{
    font-size:15px !important;
  }

  .brand-sub{
    font-size:13px !important;
  }

  .mobile-menu-btn{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    min-height:44px !important;
    flex-basis:44px !important;
  }
}