/*
 * Application-wide styles (non-Tailwind).
 * Tailwind is configured in app/assets/tailwind/application.css
 */

/* Flash notification: fade in, hold, fade out */
@keyframes flash-dismiss {
  0%   { opacity: 0; transform: translateY(-0.5rem); }
  10%  { opacity: 1; transform: translateY(0); }
  80%  { opacity: 1; transform: translateY(0); }
  100% { opacity: 0; transform: translateY(-0.5rem); pointer-events: none; }
}

.animate-fade-in {
  animation: flash-dismiss 5s ease forwards;
}

/* Horizontal scroll without scrollbar (category pills) */
.hide-scrollbar::-webkit-scrollbar { display: none; }
.hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }