/* ============================================================
   RESTYLING OVERRIDES — da caricare DOPO style.css e DOPO il CSS
   del booking widget (zg-*), così vince nella cascata.
   Obiettivo: sfondo pagina bianco puro, via blob/ombre/pillole
   diffuse, palette blu Savoia + terracotta.
   ============================================================ */

/* ---------- 1. VARIABILI GLOBALI (file style.css) ---------- */
:root {
  /* Sfondo pagina: bianco puro, niente più crema */
  --cream: #FFFFFF;

  /* Blu Savoia al posto del nero puro per bottoni/elementi scuri */
  --navy: #1C2A4D;
  --navy-deep: #121D38;

  /* Terracotta leggermente smorzato */
  --terracotta: #BC5B34;
  --terra-dark: #9E4C2A;

  /* Bordi neutri, non più caldi/crema */
  --light: #E4E4E0;

  /* Raggi: piccoli per i bottoni principali, pillola solo per badge secondari */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-pill: 999px;

  /* Ombre spente: si useranno bordi sottili al loro posto */
  --shadow-soft: none;
  --shadow-card: none;
}

/* ---------- 2. VIA LE "BOLLE" DECORATIVE ---------- */
.hero-blob,
.cta-final-blob,
.cta-final-blob2,
.about-img-deco {
  display: none;
}

/* ---------- 3. BOTTONI: da pillola a raggio piccolo ---------- */
.hero-cta,
.cta-final-btn,
.modal-wa-btn,
.zg-btn {
  border-radius: var(--radius-sm);
  background: var(--navy);
}
.hero-cta:hover,
.cta-final-btn:hover {
  background: var(--terracotta);
}
.zg-btn:disabled { background: var(--light); }
.zg-btn--loading, .zg-btn--loading:disabled { background: var(--navy-deep); }

/* nav-wa e mobile-wa restano botton di azione secondaria: pillola ok,
   ma colore coerente con il nuovo accento */
.nav-wa, .mobile-menu .mobile-wa { background: var(--terracotta); }
.nav-wa:hover { background: var(--terra-dark); }

/* ---------- 4. OMBRE -> BORDI SOTTILI ---------- */
#navbar { box-shadow: none; border-bottom: 1px solid var(--light); }
.tour-card,
.review-card,
.faq-list details,
.modal-price-box,
.page-price-box,
.lang-popup,
.zg-date-dropdown {
  box-shadow: none;
  border: 1px solid var(--light);
}
.tour-card:hover {
  box-shadow: none;
  border-color: var(--terracotta);
  transform: translateY(-3px);
}

/* ---------- 5. ETICHETTA "EYEBROW": via pillola e sfondo tinto ---------- */
.hero-eyebrow {
  background: none;
  padding: 0;
  border-radius: 0;
}

/* ---------- 6. AVATAR RECENSIONI: colore pieno, non gradient ---------- */
.review-avatar {
  background: var(--navy);
}

/* ---------- 7. CARD "PERCHÉ SCEGLIERCI": sfondo bianco + bordo ---------- */
.why-card {
  background: #FFFFFF;
  border: 1px solid var(--light);
  border-radius: var(--radius-md);
}

/* ---------- 8. ANIMAZIONI A CASCATA: le spengo tranne sulla hero ---------- */
.reveal-delay-1, .reveal-delay-2, .reveal-delay-3, .reveal-delay-4 {
  transition-delay: 0s;
}

/* ---------- 9. BOOKING WIDGET (colori scritti a mano nel file zg-*) ----------
   Qui sotto sovrascrivo i valori hex diretti, non variabili, quindi le
   regole vanno duplicate sui selettori originali. */

.zg-booking, .zg-booking__header { background: #FFFFFF; }

.zg-booking__price-value,
.zg-result-price,
.zg-confirmation__total,
.tour-card-cta,
.tour-card:hover .tour-card-cta,
.zg-progress__label,
.modal-price-value {
  color: var(--terracotta);
}

.zg-progress__track-fill,
.zg-day--selected,
.zg-progress__item--done .zg-progress__circle {
  background: var(--terracotta);
}

.zg-progress__item--active .zg-progress__circle,
.zg-itinerary__stop-circle,
.zg-map-marker-stop {
  background: var(--navy);
}
.zg-itinerary__stop-circle--meeting,
.zg-map-marker-meeting,
.zg-itinerary__stop--active .zg-itinerary__stop-circle,
.zg-map-marker-stop--active {
  background: var(--terracotta);
}

/* Sfondi "crema" hardcoded (#FAF8F3) del widget: qui la scelta è tra
   bianco puro (si fondono col resto, ok se hanno già un bordo) o un
   grigio neutro leggerissimo SOLO per gli elementi che devono restare
   riconoscibili come cliccabili (celle calendario). Uso grigio neutro,
   non crema — nessuna tonalità calda. */
.zg-calendar__nav,
.zg-day,
.zg-option,
.zg-participant-row,
.zg-confirmation__summary,
.modal-price-box {
  background: #F4F4F3; /* grigio neutro, non crema */
}
.zg-day--disabled { background: none; }
.zg-day--selected { background: var(--terracotta); }

/* Testo/bordi scuri: dal nero puro al blu Savoia dove segna un elemento
   "attivo" o testo enfatizzato, per coerenza con la nuova identità */
.zg-participants__total,
.zg-summary__total {
  border-top-color: var(--navy);
}

/* Badge di fiducia nel widget: via lo sfondo a cerchio/quadrato tinto,
   resta solo icona + testo (coerente con le icone custom da disegnare) */
.zg-trust-grid__icon {
  background: none;
  border-radius: 0;
  width: auto;
  height: auto;
}

/* ---------- 10. FOOTER: resta scuro ma in blu Savoia, non nero ---------- */
footer, #cta-final { background: var(--navy-deep); }