/* Active Desktop Navigation */
.nav-link.active {
  background-color: #0f172a;
  color: #ffffff;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.12);
}

.nav-link:not(.active):hover {
  background-color: #f1f5f9;
  color: #0f172a;
}

/* Active Mobile Bottom Navigation */
.mob-nav-btn.active {
  color: #0f172a;
}

.mob-nav-btn.active i {
  color: #4f46e5;
}

/* Safe area for mobile phones (iPhone notch / home bar) */
.safe-area-bottom {
  padding-bottom: env(safe-area-inset-bottom, 0px);
}

@keyframes slideUp {
  from {
    transform: translateY(16px);
    opacity: 0.85;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.animate-slide-up {
  animation: slideUp 0.18s ease-out;
}

/* Subtle Scrollbar */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 9999px;
}

::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}