/* ============================================================
   RICHIAMA finale — sottopagine (contattaci + legali)
   ============================================================ */

.nav-sotto .nav__pill {
  background: rgba(255, 255, 255, .8);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  box-shadow: 0 10px 30px rgba(97, 74, 68, .1);
}

.paginaWrap {
  max-width: 720px;
  margin: 0 auto;
  padding: 150px 24px 90px;
}
.paginaWrap h1 {
  font-size: clamp(2.2rem, 4.5vw, 3.2rem);
  line-height: 1.08;
  margin-bottom: .75rem;
}
.paginaWrap h2 {
  font-size: 1.375rem;
  margin: 2rem 0 .625rem;
  max-width: none;
}
.paginaWrap p { margin-bottom: .875rem; color: var(--secondario); }
.paginaWrap p strong { color: var(--testo); }
.paginaWrap ul { margin: 0 0 .875rem 1.25rem; color: var(--secondario); }
.paginaWrap li { margin-bottom: .375rem; }
.paginaWrap a { text-decoration: underline; text-underline-offset: 3px; }
.aggiornamento { font-size: .875rem; color: var(--muted); margin-bottom: 1.5rem; }

/* ---------- bottone WhatsApp in pagina ---------- */
.btn-whatsapp {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #25D366;
  color: #fff !important;
  font-weight: 600;
  font-size: 1rem;
  border-radius: 100px;
  padding: 14px 26px;
  margin: 4px 0 6px;
  text-decoration: none !important;
  transition: transform .18s ease;
  box-shadow: 0 8px 22px rgba(37, 211, 102, .3);
}
.btn-whatsapp:hover { transform: scale(1.03); }
.btn-whatsapp svg { width: 20px; height: 20px; }
.wa-nota { font-size: .875rem; color: var(--muted); margin-bottom: 1.25rem; }

/* ---------- form contattaci ---------- */
.cForm { display: grid; gap: 1rem; }
.cForm .due {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
.cForm label {
  display: block;
  font-size: .875rem;
  font-weight: 600;
  color: var(--testo);
  margin-bottom: .375rem;
}
.cForm input, .cForm select, .cForm textarea {
  width: 100%;
  font-family: var(--font);
  font-size: 1rem;
  color: var(--testo);
  background: var(--carta);
  border: 1px solid var(--sabbia);
  border-radius: 14px;
  padding: 13px 15px;
  min-height: 48px;
}
.cForm textarea { min-height: 110px; resize: vertical; }
.cForm input:focus-visible, .cForm select:focus-visible, .cForm textarea:focus-visible {
  outline: 2px solid var(--cielo-alto);
  outline-offset: 2px;
}
.cSubmit {
  border: none;
  background: var(--scuro);
  color: var(--crema);
  font-family: var(--font);
  font-size: 1.0625rem;
  font-weight: 600;
  border-radius: 100px;
  padding: 16px 30px;
  min-height: 52px;
  box-shadow: 0 8px 26px rgba(43, 35, 32, .25);
  transition: transform .18s ease, background-color .18s ease;
}
.cSubmit:hover { background: var(--scuro-hover); transform: scale(1.02); }
.cConsenso { font-size: .8125rem; color: var(--muted); }
.cOk {
  display: none;
  color: var(--recupero);
  font-weight: 600;
}

@media (max-width: 640px) {
  .cForm .due { grid-template-columns: 1fr; }
  .paginaWrap { padding-top: 120px; }
}

/* bolla WhatsApp nelle sottopagine: qui la sticky-bar non esiste,
   quindi torna in basso; su Contattaci sparisce (c'è già il bottone verde) */
@media (max-width: 809px) {
  .nav-sotto ~ .wa-bolla { bottom: calc(16px + env(safe-area-inset-bottom)); }
  main.paginaContatti ~ .wa-bolla { display: none; }
}


/* ---------- contattaci: intestazione centrata ---------- */
.paginaContatti { text-align: center; }
.paginaContatti .cForm { text-align: left; }
.paginaContatti .btn-whatsapp { margin-inline: auto; }
.paginaContatti h1 { margin-inline: auto; }
.paginaContatti .aggiornamento { margin-inline: auto; max-width: 52ch; }