@import url('https://fonts.googleapis.com/css2?family=Alex+Brush&family=Bebas+Neue&family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap');

:root {
  --bg-dark: #1F1F1F;
  --bg-card: #242424;
  --accent-orange: #E89623;
  --accent-light-orange: #F4A329;
  --text-white: #F7F7F7;
}

/* Custom Hamburger Mouse Cursor across the site */
body, a, button, input, select, textarea, [role="button"] {
  cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><text y='26' font-size='24'>🍔</text></svg>") 16 16, auto !important;
}

body {
  background-color: var(--bg-dark);
  color: var(--text-white);
  font-family: 'Montserrat', sans-serif;
  overflow-x: hidden;
  position: relative;
}

/* Mouse Follower Glow Light Aura */
#mouseFollower {
  position: fixed;
  top: 0;
  left: 0;
  width: 450px;
  height: 450px;
  margin-top: -225px;
  margin-left: -225px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(232, 150, 35, 0.15) 0%, rgba(244, 163, 41, 0.05) 45%, transparent 70%);
  pointer-events: none;
  z-index: 9999;
  transition: transform 0.08s cubic-bezier(0.2, 0.8, 0.2, 1);
  will-change: transform;
}

.font-bebas {
  font-family: 'Bebas Neue', cursive, sans-serif;
  letter-spacing: 0.03em;
}

.font-montserrat {
  font-family: 'Montserrat', sans-serif;
}

.font-poppins {
  font-family: 'Poppins', sans-serif;
}

.font-script {
  font-family: 'Alex Brush', cursive, sans-serif;
}

/* Hero Slider Styles */
.hero-slide {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.8s ease-in-out, visibility 0.8s ease-in-out;
  position: absolute;
  inset: 0;
}

.hero-slide.active {
  opacity: 1;
  visibility: visible;
  position: relative;
}

/* Translucent Floating Food Background Keyframes */
@keyframes floatFoodSlow {
  0% { transform: translateY(0px) rotate(0deg); }
  50% { transform: translateY(-25px) rotate(3deg); }
  100% { transform: translateY(0px) rotate(0deg); }
}

@keyframes floatFoodReverse {
  0% { transform: translateY(0px) rotate(0deg); }
  50% { transform: translateY(20px) rotate(-3deg); }
  100% { transform: translateY(0px) rotate(0deg); }
}

.animate-food-float {
  animation: floatFoodSlow 9s ease-in-out infinite;
}

.animate-food-float-reverse {
  animation: floatFoodReverse 11s ease-in-out infinite;
}

/* Custom Glassmorphism */
.glass-card {
  background: rgba(31, 31, 31, 0.78);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(232, 150, 35, 0.2);
}

.glass-card-hover {
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.glass-card-hover:hover {
  background: rgba(42, 42, 42, 0.9);
  border-color: rgba(232, 150, 35, 0.6);
  transform: translateY(-6px);
  box-shadow: 0 16px 35px -10px rgba(232, 150, 35, 0.3);
}

.glass-panel {
  background: rgba(24, 24, 24, 0.94);
  backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

/* Custom Gradients */
.bg-gradient-orange {
  background: linear-gradient(135deg, #F7B548 0%, #E89623 100%);
}

.text-gradient-orange {
  background: linear-gradient(135deg, #F7B548 0%, #E89623 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.glow-orange {
  box-shadow: 0 0 35px rgba(232, 150, 35, 0.45);
}

.glow-orange-sm {
  box-shadow: 0 0 14px rgba(232, 150, 35, 0.25);
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #141414;
}
::-webkit-scrollbar-thumb {
  background: #2A2A2A;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #E89623;
}