/* This file is kept for any custom styles that can't be handled by Tailwind */
/* Most styles have been migrated to Tailwind CSS utility classes */

/* Hide scrollbar for horizontal scroll containers */
.scrollbar-hide {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.scrollbar-hide::-webkit-scrollbar {
  display: none;  /* Chrome, Safari and Opera */
}

/* Desktop: Show 4 cards initially, allow horizontal scroll for more */
@media (min-width: 768px) {
  .horizontal-scroll-container {
    max-width: 100%;
    margin: 0;
  }
}