/* ----------------------------------------------------------------------
# app/assets/stylesheets/custom.css
# Updated custom styles for the new UI, including a new animation.
# ----------------------------------------------------------------------
*/

/* Use the Inter font family defined in the layout */
body {
  font-family: 'Inter', sans-serif;
}

/* New animation for flight cards/rows appearing */
@keyframes fade-in-up {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fade-in-up {
  animation: fade-in-up 0.6s ease-out forwards;
}

/* Helper class to hide elements on mobile but show on larger screens */
@media (max-width: 1023px) {
  .mobile-hidden {
    display: none;
  }
}