/* ── Nav tab transitions ─────────────────────────────────────────────── */
.nav-tab {
  transition: background 0.25s ease-in-out, color 0.25s ease-in-out,
              transform 0.2s ease-in-out, box-shadow 0.25s ease-in-out;
}
.nav-tab:hover {
  transform: translateY(-1px);
}
.nav-tab:active {
  transform: scale(0.97);
}
.nav-tab-active {
  background: #FFD000;
  color: #1a1a1a;
  animation: navTabIn 0.35s ease-out both;
}
@keyframes navTabIn {
  from {
    opacity: 0;
    transform: scale(0.9) translateY(4px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
.mobile-nav-tab {
  transition: background 0.2s ease-in-out, color 0.2s ease-in-out,
              transform 0.15s ease-in-out;
}
.mobile-nav-tab:active {
  transform: scale(0.98);
}