/* css/custom.css */
@import url('https://fonts.googleapis.com/css2?family=Caesar+Dressing&display=swap');

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

/* Überschriften + Logo */
h1, h2, h3, h4, h5, h6,
#main-navbar .leading-tight span { font-family: 'Caesar Dressing', cursive; }

/* Tailwind CDN lädt font-face blocking — eigene Font-Fallbacks */
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }

/* Warenkorb-Badge Animation */
@keyframes badge-pop {
  0% { transform: scale(1); }
  50% { transform: scale(1.4); }
  100% { transform: scale(1); }
}
.badge-animate { animation: badge-pop 0.3s ease; }

/* Kategorie-Tab aktiv */
.tab-active {
  background-color: #1565c0 !important;
  color: #ffffff !important;
}

/* Karten Hover */
.dish-card { transition: transform 0.2s ease; }
.dish-card:hover { transform: translateY(-4px); }

/* Hero-Overlay */
.hero-overlay {
  background: linear-gradient(to bottom, rgba(21,101,192,0.7) 0%, rgba(10,40,80,0.85) 100%);
}

/* Bewertungs-Sterne */
.star { color: #f59e0b; }

/* Cookie-Banner */
#cookie-banner {
  position: fixed; bottom: 0; left: 0; right: 0; z-index: 9999;
  background: #1e293b; color: #fff;
  padding: 16px 24px;
  display: flex; align-items: center; justify-content: space-between;
  flex-wrap: wrap; gap: 12px;
  box-shadow: 0 -4px 20px rgba(0,0,0,0.3);
}
#cookie-banner.hidden { display: none; }

/* Preview-Banner */
#preview-banner {
  position: sticky; top: 0; z-index: 1000;
  background: #f59e0b; color: #1a1a1a;
  padding: 8px 16px;
  display: flex; align-items: center; justify-content: center; gap: 12px;
  font-size: 13px; font-weight: 600;
}