/* Babloo'z Fast Food — global styles */

:root {
  --babloo-orange: #f97316;
  --babloo-orange-dark: #ea580c;
  --drip-pink: #ec4899;
}

html { scroll-behavior: smooth; }
body { font-family: 'Inter', system-ui, -apple-system, sans-serif; }

.font-display {
  font-family: 'Bebas Neue', 'Impact', sans-serif;
  letter-spacing: 0.04em;
}

/* Floating animation for hero logo */
@keyframes float {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-12px); }
}
.animate-float { animation: float 4s ease-in-out infinite; }

/* Scrollbar (dark) */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #0a0a0a; }
::-webkit-scrollbar-thumb { background: #f97316; border-radius: 6px; }
::-webkit-scrollbar-thumb:hover { background: #ea580c; }

/* Selection */
::selection { background: #f97316; color: #000; }

/* Smooth section anchor offset for sticky nav */
section[id], div[id^="light-bites"], div[id^="sandwich"], div[id^="beef-burgers"],
div[id^="chicken-burgers"], div[id^="pizza"], div[id^="house-flavours"],
div[id^="kfc"], div[id^="extras"] {
  scroll-margin-top: 130px;
}

/* Cart item enter animation */
@keyframes slideIn {
  from { opacity: 0; transform: translateX(20px); }
  to   { opacity: 1; transform: translateX(0); }
}
.cart-item { animation: slideIn 0.25s ease-out; }

/* Button pop on add */
@keyframes pop {
  0% { transform: scale(1); }
  50% { transform: scale(0.92); }
  100% { transform: scale(1); }
}
.pop { animation: pop 0.2s ease-out; }

/* Toast */
.toast {
  position: fixed;
  bottom: 1.25rem;
  left: 50%;
  transform: translateX(-50%) translateY(100px);
  background: #f97316;
  color: #000;
  padding: 0.75rem 1.5rem;
  border-radius: 9999px;
  font-weight: 700;
  font-size: 0.875rem;
  box-shadow: 0 10px 30px rgba(249, 115, 22, 0.4);
  opacity: 0;
  transition: all 0.3s ease;
  z-index: 100;
  pointer-events: none;
}
.toast.show {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}