/* APVA - Custom Styles & Overrides */
body {
  font-family: 'Montserrat', sans-serif;
}

/* Custom Tab Styling */
.active-tab {
  background-color: #dc2626; /* Tailwind Red-600 */
  color: white !important;
  box-shadow: 0 4px 14px 0 rgba(220, 38, 38, 0.39);
}

/* Fade in Animatie voor Tabs */
.animate-fade-in {
  animation: fadeIn 0.4s ease-out forwards;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Lightbox animaties */
#lightbox.show {
  display: flex;
  opacity: 1;
}

#lightbox.show #lightboxImg {
  transform: scale(1);
}

/* Hide scrollbar for the tab container on mobile */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}