html { scroll-behavior: smooth; }
.hide-scrollbar::-webkit-scrollbar { display: none; }
.hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
@import url('https://fonts.googleapis.com/css2?family=Playball&display=swap');
.font-logo { font-family: 'Playball', cursive; }
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}


.hero-banner {
  background-size: cover;
  background-position: center;
  min-height: 68vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero-banner-fallback,
.hero-banner-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.hero-banner-fallback {
  background-size: cover;
  background-position: center;
  transform: scale(1.03);
}
.hero-banner-video {
  object-fit: cover;
}
@media (max-width: 768px) {
  .hero-banner {
    min-height: 60vh;
  }
}


body {
  background-color: var(--brand-bg, #f8fafc) !important;
  color: var(--brand-text, #0f172a) !important;
}
.bg-pizza-red,
.hover\:bg-red-700:hover,
button.bg-pizza-red,
#cartBtn,
#checkoutBtn,
#sendOrderBtn {
  background-color: var(--brand-primary, #e53935) !important;
}
.text-pizza-red,
.text-red-600,
#cartCount {
  color: var(--brand-primary, #e53935) !important;
}
.border-pizza-red,
#cartCount {
  border-color: var(--brand-primary, #e53935) !important;
}
.bg-pizza-dark,
nav.bg-pizza-dark,
#pageLoader,
.hero-banner {
  background-color: var(--brand-dark, #0a0a0a) !important;
}
.text-pizza-dark {
  color: var(--brand-dark, #0a0a0a) !important;
  background-color: transparent !important;
}
.bg-pizza-green {
  background-color: var(--brand-success, #1b8a3e) !important;
}
.text-pizza-green {
  color: var(--brand-success, #1b8a3e) !important;
  background-color: transparent !important;
}
.hero-banner .bg-black\/65 {
  background-color: color-mix(in srgb, var(--brand-dark, #0a0a0a) 72%, transparent) !important;
}


/* Emergency visual safety: text utility classes must never paint black blocks over product names */
.text-pizza-dark,
.product-card .text-pizza-dark,
.product-card h3,
.product-card h4 {
  background-color: transparent !important;
}
#productsGrid .bg-pizza-dark:not(button):not(a),
#menuGrid .bg-pizza-dark:not(button):not(a) {
  background-color: transparent !important;
  color: var(--brand-dark, #0a0a0a) !important;
}