/* =========================================
   JAKSKY FAST BOTTOM NAVBAR V71
   Fokus: respons tap + performa Android
   ========================================= */

.bottomNav{
  /* blur fixed element adalah sumber repaint berat di HP */
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;

  /* tetap terlihat glass/dark */
  background:
    linear-gradient(
      135deg,
      rgba(9,25,58,.97),
      rgba(19,31,67,.97)
    ) !important;

  box-shadow:
    0 8px 22px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.06)
    !important;

  transform:translateZ(0);
  -webkit-transform:translateZ(0);

  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;

  will-change:transform;
}

.bottomNav button{
  touch-action:manipulation !important;
  -webkit-tap-highlight-color:transparent !important;

  transition:
    transform .07s ease-out,
    background .10s ease-out,
    color .10s ease-out,
    border-color .10s ease-out
    !important;

  will-change:transform;
}

.bottomNav button:active{
  transform:scale(.98) !important;
}

.bottomNav button.jakNavActive,
.bottomNav button.activeNav{
  box-shadow:
    inset 0 0 0 1px rgba(255,83,151,.18),
    0 4px 12px rgba(255,53,151,.08)
    !important;
}

/* HP: hindari efek GPU yang tidak perlu */
@media(max-width:600px){
  .bottomNav{
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  .bottomNav button{
    filter:none !important;
  }
}