/* Aggiunte al tema Astra: footer nero fisso, impaginazione delle pagine di solo testo,
   mappa statica. */

/* Footer: la banda nera del sito, agganciata in basso alla finestra. Il corpo pagina
   riserva lo spazio corrispondente, altrimenti l'ultima riga finisce sotto. */
body { padding-bottom: 148px; }   /* banda alta 128px + aria */

.marzolla-footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 200;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.6em;
  flex-wrap: wrap;
  min-height: 128px;   /* il doppio dei 64px del primo taglio */
  padding: .9em 1.2em;
  background: #000;
  color: #d8d8d8;
  font-size: 13px;
  line-height: 1.5;
  box-shadow: 0 -1px 6px rgba(0,0,0,.4);
}
.marzolla-footer p { margin: 0; }
.marzolla-footer strong { color: #fff; font-weight: 600; }

.marzolla-footer-marchio {
  display: flex;
  align-items: center;
  gap: .6em;
  white-space: nowrap;
}
.marzolla-footer-marchio img {
  width: 46px;      /* il logo originale e 103px: rimpicciolito per stare nella banda */
  height: 46px;
}
.marzolla-footer-marchio span { font-size: 12px; color: #9a9a9a; }

.marzolla-footer-dati { text-align: center; }
.marzolla-footer-dati a { color: #d8d8d8; text-decoration: underline; }
.marzolla-footer-dati a:hover { color: #fff; }

.marzolla-footer-nav { display: flex; flex-wrap: wrap; justify-content: center; gap: .2em 1em; }
.marzolla-footer-nav a {
  color: #d8d8d8;
  text-decoration: none;
  border-bottom: 1px solid #555;
  white-space: nowrap;
}
.marzolla-footer-nav a:hover { color: #fff; border-bottom-color: #fff; }

/* Il pulsante "torna su" di Astra e anch'esso fisso in basso a destra: lo alziamo
   sopra il footer, altrimenti ci finisce dentro. */
#ast-scroll-top { bottom: 160px !important; }

@media (max-width: 780px) {
  /* Schermo stretto: le tre parti si impilano e la banda mangiava il 19% dello schermo.
     Via il logo (resta la scritta di copyright), testo piu piccolo, righe strette. */
  .marzolla-footer {
    gap: .3em;
    padding: .55em .8em;
    font-size: 11.5px;
    line-height: 1.45;
  }
  .marzolla-footer-marchio { order: 3; }
  .marzolla-footer-marchio img { display: none; }
  .marzolla-footer-marchio span { font-size: 11px; }
  .marzolla-footer-nav { gap: .1em .8em; }
  body { padding-bottom: 116px; }
  #ast-scroll-top { bottom: 130px !important; }
}

/* Pagine di solo testo (informativa, 404): riquadro bianco leggibile sul fondo rosso.
   L'header di Astra e alto 187px, trasparente e con z-index 99: copriva la parte alta
   del riquadro e si mangiava i clic (il link "Torna al sito" non era cliccabile).
   Lo scavalchiamo restando sotto ai popup del tema. */
.marzolla-testo {
  position: relative;
  z-index: 100;
  max-width: 46em;
  margin: 2em auto;
  padding: 2.5em 2em 3em;
  line-height: 1.65;
  background: #fff;
  color: #222;
  border-radius: 4px;
}
.marzolla-testo a { color: #16407a; }

.marzolla-torna { margin: 0 0 1.2em; font-size: .9em; }
.marzolla-torna a { text-decoration: none; }
.marzolla-torna a:hover { text-decoration: underline; }
.marzolla-testo h1 { font-size: 1.9em; margin-bottom: .2em; color: #111; }
.marzolla-testo h2 { font-size: 1.25em; margin: 1.8em 0 .4em; color: #111; }
.marzolla-testo h3 { font-size: 1.05em; margin: 1.4em 0 .3em; color: #111; }
.marzolla-testo .marzolla-occhiello { color: #666; font-size: .95em; margin-top: 0; }

/* Mappa statica al posto dell'iframe Google (niente cookie di terze parti) */
.marzolla-mappa { max-width: 620px; margin: 1.5em auto 0; }
.marzolla-mappa-riquadro {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  line-height: 0;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(0,0,0,.25);
}
.marzolla-mappa-riquadro img { width: 100%; height: auto; display: block; }
.marzolla-mappa-pin {
  position: absolute;
  width: 18px; height: 18px;
  margin: -9px 0 0 -9px;
  border: 3px solid #fff;
  border-radius: 50%;
  background: #d0021b;
  box-shadow: 0 0 0 1px rgba(0,0,0,.35);
}
.marzolla-mappa-cta {
  position: absolute;
  right: 8px; bottom: 8px;
  padding: .35em .7em;
  background: rgba(255,255,255,.92);
  color: #16407a;
  font-size: 13px;
  line-height: 1.4;
  border-radius: 3px;
}
.marzolla-mappa-riquadro:hover .marzolla-mappa-cta { background: #fff; text-decoration: underline; }
.marzolla-mappa-credits {
  margin: .6em 0 0;
  font-size: 12px;
  line-height: 1.5;
  color: #f0e6e2;
  text-align: center;
}
.marzolla-mappa-credits a { color: #f0e6e2; text-decoration: underline; }

/* Le strisce di navigazione avevano un velo bianco al 50% (un ::before di Elementor) che
   le faceva vedere rosa e di tono diverso da pagina a pagina. Portato al 15%: la banda si
   distingue appena dal fondo, uguale ovunque. */
.elementor .e-con::before,
.elementor .e-con > .elementor-background-overlay {
  opacity: .15 !important;
}

/* Link della striscia: sul velo bianco erano blu, sul rosso pieno sparivano.
   Bianchi su rosso danno 5,9:1, ampiamente sopra il minimo di 4,5:1. */
.marzolla-nav-link {
  color: #fff !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.marzolla-nav-link:hover { color: #ffe9c9 !important; }

/* «Inviaci una email» nella pagina contatti: era blu su rosso (contrasto 1,09:1) gia nel
   sito originale. Stesso trattamento dei link della striscia. */
.elementor a[href^="mailto:"] {
  color: #fff !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.elementor a[href^="mailto:"]:hover { color: #ffe9c9 !important; }

/* Immagine grande in cima tenuta ferma mentre si scorre, nella posizione che ha adesso.
   Sta sotto all'header di Astra (z-index 99), che contiene il pulsante del menu su
   schermo stretto e viene fissato anche lui. */
.marzolla-hero {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 50;
}
#masthead { position: fixed !important; top: 0; left: 0; right: 0; }
body.marzolla-con-hero { padding-top: 270px; }

@media (max-width: 780px) {
  body.marzolla-con-hero { padding-top: 200px; }
}

/* Le strisce erano alte 116px su restauro e workshop e 87px su contatti: la differenza
   sta nel contenuto, dove il link «Contattaci» e dentro un <p> con i suoi margini invece
   che nudo. Azzerati i margini dentro la striscia, tutte prendono l'altezza di contatti. */
.marzolla-striscia .elementor-widget-container p { margin: 0 !important; }
.marzolla-striscia { align-items: center; }