/* License ID: DEVOMATE-SRC-20260107-FXR488YTFL | agwebappsolution@gmail.com | 2026-01-07 21:48:53 */
/* =====================================================
   Quick Eats – Custom Animations & Utilities
   Tailwind CSS handles all layout & styling
   ===================================================== */

/* Smooth scroll (nice UX for restaurant sites) */
html {
  scroll-behavior: smooth;
}

/* ---------- Floating Food Image Animation ---------- */
@keyframes float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
}

.animate-float {
  animation: float 4s ease-in-out infinite;
}

/* ---------- Fade In (Hero / Section Entry) ---------- */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(25px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fadeInUp {
  animation: fadeInUp 1s ease forwards;
}

/* ---------- Stagger Delay Utilities ---------- */
.delay-100 { animation-delay: 0.1s; }
.delay-200 { animation-delay: 0.2s; }
.delay-300 { animation-delay: 0.3s; }
.delay-400 { animation-delay: 0.4s; }

/* ---------- Mobile Menu Slide Down ---------- */
@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-slideDown {
  animation: slideDown 0.3s ease forwards;
}

/* ---------- Hover Glow (CTA Buttons / Cards) ---------- */
.hover-glow:hover {
  box-shadow: 0 20px 40px rgba(192, 57, 43, 0.25);
  transform: translateY(-3px);
}

/* ---------- Image Optimization ---------- */
img {
  user-select: none;
  -webkit-user-drag: none;
}


 @keyframes float {
    0%,100% { transform: translateY(0); }
    50% { transform: translateY(-15px); }
  }

  .animate-float {
    animation: float 4s ease-in-out infinite;
  }

  .animate-fadeIn {
    animation: fadeIn 1.2s ease forwards;
  }

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