/* 
  Most styling is handled by Tailwind CSS in index.html.
  This file remains for specific overrides or complex animations not covered by Tailwind config.
*/

:root {
  --primary-color: #ed2224;
}

/* Custom Scrollbar */
body {
  overflow-y: scroll;
  /* Always show scrollbar to prevent layout shift */
}

/* Modal Transitions */
#videoModal.active {
  opacity: 1;
  pointer-events: auto;
}

#videoModal.active #modalContent {
  transform: scale(1);
}

/* Exercise Card Hover Effects */
.exercise-card-hover:hover .card-overlay {
  opacity: 1;
}

.exercise-card-hover:hover img {
  transform: scale(1.05);
}

/* Mobile Category Scrollbar Hiding */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}