/* ==============================
   NusaEats — Custom Overrides
   For styles not expressible via Tailwind utilities.
   ============================== */

/* Smooth scroll for anchor links */
html {
  scroll-behavior: smooth;
}

/* Hide HTML5 details marker across browsers */
details > summary {
  list-style: none;
}
details > summary::-webkit-details-marker {
  display: none;
}

/* Product image hover zoom */
.product-img-zoom {
  overflow: hidden;
}
.product-img-zoom img {
  transition: transform 0.45s ease;
}
.product-img-zoom:hover img {
  transform: scale(1.06);
}

/* Announcement bar marquee animation */
@keyframes marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
.animate-marquee {
  animation: marquee 22s linear infinite;
}

/* HTMX loading indicator */
.htmx-indicator {
  display: none;
}
.htmx-request .htmx-indicator {
  display: inline-block;
}

/* Cart badge pop animation */
@keyframes badge-pop {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.25); }
  100% { transform: scale(1); }
}
.badge-pop {
  animation: badge-pop 0.3s ease;
}

/* Floating card gentle hover — hero section */
@keyframes float {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-6px); }
}
.animate-float {
  animation: float 4s ease-in-out infinite;
}
.animate-float-delayed {
  animation: float 4s ease-in-out 1.5s infinite;
}