@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap');

body {
  font-family: 'Poppins', sans-serif;
  background-color: #f8f8f8;
}

.burger-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.burger-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.bg-burger-pattern {
  background-image: url('https://storage.googleapis.com/workspace-0f70711f-8b4e-4d94-86f1-2a93ccde5887/image/ffc2cc78-f97a-410a-809c-802c180b3617.png');
  background-size: cover;
  background-position: center;
}

#cart-count.animate-bounce {
  animation: bounce 0.5s;
}
@keyframes bounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-5px); }
}

button {
  transition: background-color 0.3s ease, transform 0.2s ease;
}
button:hover {
  transform: translateY(-1px);
}

.extra-card.active {
  border-color: #facc15;
  background-color: #fef9c3;
}

/* ✅ Mantém as categorias sempre visíveis e roláveis no mobile */
#menu .flex.justify-center {
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: #facc15 transparent;
}

.category-tab {
  white-space: nowrap;
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  transition: all 0.3s ease;
}

.category-tab:hover {
  background-color: #fff7ed;
}

/* Animação de entrada do carrinho */
#cart.show {
  transform: translateX(0) scale(1);
  opacity: 1;
}
#cart {
  transition: transform 0.3s ease, opacity 0.3s ease;
  transform: translateX(100%) scale(0.98);
  opacity: 0;
}

/* Overlay */
#cart-overlay.show {
  opacity: 1;
}
#cart-overlay {
  transition: opacity 0.3s ease;
  opacity: 0;
}

/* Animação de item recém-adicionado */
.cart-item-enter {
  animation: fadeInUp 0.3s ease;
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(12px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}