/* bottom-nav: bar menu melayang untuk HP (dibuat dari menu hamburger) */
.bn-bar{ display:none; }

@media (max-width: 991.98px){
  .bn-bar{
    display:flex;
    position:fixed;
    left:50%;
    transform:translateX(-50%);
    bottom:calc(14px + env(safe-area-inset-bottom, 0px));
    width:min(92%, 420px);
    z-index:1030;
    align-items:center;
    justify-content:space-between;
    gap:6px;
    padding:8px;
    background:linear-gradient(160deg,#0b2a5b 0%,#1746a2 50%,#2f7de1 100%);
    border-radius:28px;
    box-shadow:0 14px 36px rgba(11,42,91,.35);
  }
  .bn-item{
    flex:1 1 0;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:18px;
    color:rgba(255,255,255,.78);
    font-size:18px;
    text-decoration:none;
    background:transparent;
    border:0;
    transition:background .2s ease, color .2s ease;
    -webkit-tap-highlight-color:transparent;
  }
  .bn-item.bn-active{
    background:#fff;
    color:#1746a2;
    box-shadow:0 6px 16px rgba(0,0,0,.18);
  }
  body{ padding-bottom:calc(86px + env(safe-area-inset-bottom, 0px)); }
  .back-to-top{ bottom:calc(98px + env(safe-area-inset-bottom, 0px)) !important; }
}

/* ===== perbaikan warna saat disentuh ===== */
@media (max-width: 991.98px){
  html body .bn-bar .bn-item,
  html body .bn-bar .bn-item:hover,
  html body .bn-bar .bn-item:focus,
  html body .bn-bar .bn-item:active,
  html body .bn-bar .bn-item:visited{
    color:rgba(255,255,255,.78) !important;
    background:transparent !important;
    outline:none !important;
    box-shadow:none !important;
    text-decoration:none !important;
  }
  html body .bn-bar .bn-item i{ color:inherit !important; }
  html body .bn-bar .bn-item:active{
    background:rgba(255,255,255,.18) !important;
  }
  html body .bn-bar .bn-item.bn-active,
  html body .bn-bar .bn-item.bn-active:hover,
  html body .bn-bar .bn-item.bn-active:focus,
  html body .bn-bar .bn-item.bn-active:active{
    color:#1746a2 !important;
    background:#fff !important;
    box-shadow:0 6px 16px rgba(0,0,0,.18) !important;
  }
}