/* Pizzaria — corner-slice theme.
   Charred-crust ember red + basil + mozzarella cream for pizzerias:
   Sicilian squares, Neapolitan rounds, grandma pies. A checkered
   tablecloth band and a slice marquee. All self-hosted; nothing
   here moves without content. */

html[data-theme="pizzaria"] {
  --brand: #c23b22;
  --brand-deep: #571a10;
  --brand-soft: #fbe9df;
  --hero-bg: #200f0a;
  --hero-ink: #fdf3e8;
  --accent: #e8a33d;
  --ember: #c23b22;
  --cheese: #f3d9a4;
  --cream: #faf3e7;
}

/* --- checkered tablecloth --------------------------------------------------- */
.checker-band {
  height: 22px;
  background:
    repeating-conic-gradient(var(--ember) 0 25%, var(--cream) 0 50%) 0 0 / 22px 22px;
  opacity: 0.92;
  border-block: 1px solid rgb(194 59 34 / 0.55);
}

/* --- slice marquee ------------------------------------------------------------ */
.slice {
  overflow: hidden;
  background: var(--brand-deep);
  color: var(--cheese);
  border-block: 1px solid var(--ember);
  padding-block: 0.55rem;
}
.slice-track {
  display: flex;
  gap: 3rem;
  width: max-content;
  animation: slice-scroll 24s linear infinite;
  will-change: transform;
}
.slice-track span {
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 0.8rem;
  white-space: nowrap;
}
@keyframes slice-scroll {
  to { transform: translateX(-50%); }
}

html[data-theme="pizzaria"] .hero {
  background:
    radial-gradient(120% 90% at 50% 0%, rgb(232 163 61 / 0.16), transparent 60%),
    var(--hero-bg);
}

html[data-theme="pizzaria"] .service {
  border-color: rgb(194 59 34 / 0.4);
  background: linear-gradient(180deg, var(--brand-soft), transparent 140%);
}

html[data-theme="pizzaria"] .site-footer {
  background: var(--brand-deep);
  color: var(--cream);
}

@media (prefers-reduced-motion: reduce) {
  .slice-track { animation: none; }
}