/* ============================================================================
   STILE 6 — PIZZERIA POP · colori e caratteri
   Pomodoro e basilico su fondo panna, caratteri grossi e compatti.
   Terzo tema chiaro: riusa le variabili aperte da Mare senza aggiungerne.
   ========================================================================== */

:root{
  --bg:        #fffaf3;   /* panna */
  --bg-2:      #ffffff;
  --bg-3:      #ffffff;
  --bg-4:      #ffe6d2;
  --ember:     #e02b20;   /* pomodoro */
  --ember-2:   #ff5a3c;
  --flame:     #c21f16;
  --brick:     #8f1710;
  --gold:      #e02b20;   /* qui il ruolo "oro" è il pomodoro */
  --gold-soft: #17803d;   /* e i prezzi sono basilico: i due colori del brief */
  --basil:     #17803d;
  --cream:     #1a1614;   /* ⚠️ testo scuro */
  --muted:     #6b625c;
  --line:      rgba(26,22,20,.12);
  --shadow:    0 14px 34px rgba(26,22,20,.14);

  --gold-rgb:  224,43,32;
  --ember-rgb: 224,43,32;
  --ink-rgb:   24,16,13;

  --overlay-bg:     #fffaf3;
  --btn-bg:         rgba(26,22,20,.42);
  --dot-bg:         rgba(26,22,20,.24);
  --photo-veil:     rgba(255,250,243,.94);
  --page-dot:       rgba(255,255,255,.4);
  --gold-2:         #b81f16;
  --page-text:      #ffffff;
  --page-text-soft: rgba(255,255,255,.88);
  --page-line:      rgba(255,255,255,.26);

  --banda-vuota:     linear-gradient(160deg, #e02b20, #8f1710);   /* le bande senza foto: pomodoro pieno */
  --banda-vuota-ink: #ffffff;

  --spec-bg:   linear-gradient(135deg, #8f1710 0%, #e02b20 55%, #ff7a52 100%);
  --spec-ink:  #ffffff;
  --spec-sub:  rgba(255,255,255,.82);

  --font-display: "Anton", "Arial Black", sans-serif;
  --font-head:    "Barlow Condensed", "Arial Narrow", sans-serif;
  --font-body:    "Barlow", system-ui, sans-serif;
}

body{ background:var(--bg); }
body::before{ display:none; }

/* Anton ha un peso solo: chiedergliene altri fa finto-grassetto e sporca */
.hero-name, .card .body h3, .ov-title, .giorno-head h2, .feature .feat-title{ font-weight:400; }

.hero{ padding-top:30px; }
.hero-name{ font-size:clamp(3rem,15vw,4.6rem); line-height:.9; letter-spacing:.005em; text-transform:uppercase; color:var(--flame); text-shadow:none; }
.hero .kicker{ color:var(--basil); letter-spacing:.2em; font-weight:600; }
.hero .sub{ color:var(--muted); letter-spacing:.16em; font-size:.9rem; font-weight:600; }
.hero .flame-rule{
  width:120px; height:6px; border-radius:0; margin:18px auto 14px; box-shadow:none;
  background:linear-gradient(90deg, var(--ember) 0 33%, #fff 33% 66%, var(--basil) 66% 100%);
}

/* le bande */
.cat-btn .label{ font-family:var(--font-display); text-transform:uppercase; letter-spacing:.01em; }

/* le carte: prezzo basilico, nome grosso */
.card .body h3{ text-transform:uppercase; letter-spacing:.01em; }
.card .body .kick{ color:var(--ember); }
.card .seal{ display:none; }
.overlay.pages .card .price-inline{ background:var(--basil); color:#fff; box-shadow:none; }
.card .price{ background:linear-gradient(180deg, var(--ember), var(--flame)); color:#fff; }