/* ==========================================================================
   Villa Santa Barbara Events
   Livello finale — leggibilità dei testi e CTA "Prenota il tuo soggiorno"
   Caricato dopo style.css / redesign.css / figma-refinement.css
   Aggiornato: 23/10/2026
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Testi paragrafo
   I paragrafi erano impostati fra 11 e 14 px: sotto la soglia di lettura
   comoda. Qui vengono portati a 15–17 px mantenendo gerarchia e interlinea.
   -------------------------------------------------------------------------- */

/* etichette e micro-testi: restano discreti ma leggibili */
.label { font-size: 12px; }
.band__eyebrow { font-size: 12px; }
.card__meta { font-size: 12px; }
.venue-facts dd, .venue-facts .venue-facts__dd { font-size: 12px; }
.hero__scroll small { font-size: 10px; }
.hero__location { font-size: 12px; }

/* corpo del testo — home */
.hero__description { font-size: 17px; line-height: 1.7; }
.lead { font-size: 17px; line-height: 1.8; }
.duo__text > p:not(.label):not(.lead) { font-size: 17px; line-height: 1.8; }
.duo__text .lead { font-size: 17px; line-height: 1.8; }
.history-copy { font-size: 17px; line-height: 1.8; }
.territory-note { font-size: 17px; line-height: 1.8; }
.bgsection__sub { font-size: 16px; line-height: 1.75; }
.occasion-card p,
.occasion-card__copy p { font-size: 15px; line-height: 1.6; }
.timeline__step p { font-size: 15px; line-height: 1.7; }
.spaces-heading .sec__head p:not(.label),
.spaces-side p { font-size: 16px; line-height: 1.75; }
.event-types p { font-size: 15px; line-height: 1.7; }
.tags li { font-size: 14px; line-height: 1.7; }
.space-links button,
.space-links a { font-size: 15px; }

/* FAQ e contatti */
.faq__item summary { font-size: 16px; }
.faq__item p { font-size: 16px; line-height: 1.75; }
.contact__text > p:not(.label) { font-size: 16px; line-height: 1.75; }
.contact__list { font-size: 15px; }
.form .h-sub { font-size: 18px; }
.form label { font-size: 11px; }
.form input,
.form select,
.form textarea { font-size: 15px; }
.form__note { font-size: 13px; line-height: 1.6; }

/* footer */
.ftr__contacts { font-size: 15px; line-height: 1.7; }
.ftr__contacts span { font-size: 11px; }
.ftr__muted { font-size: 15px; line-height: 1.7; }

/* menu laterale e avviso cookie */
.menu__addr { font-size: 15px; line-height: 1.8; }
.cookie__text { font-size: 15px; line-height: 1.6; }

/* pagine legali (privacy / cookie) */
.legal p,
.legal li { font-size: 17px; line-height: 1.8; }

/* --------------------------------------------------------------------------
   2. Pulsante "Prenota il tuo soggiorno" nel footer
   -------------------------------------------------------------------------- */

.ftr__cta {
  display: flex;
  justify-content: center;
  margin-top: clamp(38px, 4.5vw, 66px);
}

.ftr__cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .9rem;
  min-height: 52px;
  padding: 1rem 2.6rem;
  border: 1px solid rgba(247, 243, 237, .55);
  border-radius: 999px;
  color: #fdfbf6;
  font-family: var(--sans);
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .2em;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  transition: background .45s var(--ease), color .45s var(--ease), border-color .45s var(--ease);
}

.ftr__cta-btn:hover,
.ftr__cta-btn:focus-visible {
  background: #fdfbf6;
  border-color: #fdfbf6;
  color: var(--wine, #6e2434);
  outline: none;
}

/* --------------------------------------------------------------------------
   3. Adattamenti per schermi piccoli
   -------------------------------------------------------------------------- */

@media (max-width: 720px) {
  .hero__description,
  .lead,
  .duo__text > p:not(.label):not(.lead),
  .duo__text .lead,
  .history-copy,
  .territory-note { font-size: 16px; line-height: 1.75; }

  .bgsection__sub,
  .spaces-heading .sec__head p:not(.label),
  .spaces-side p,
  .faq__item p,
  .contact__text > p:not(.label),
  .legal p,
  .legal li { font-size: 16px; }

  .ftr__cta { margin-top: 34px; }

  .ftr__cta-btn {
    width: 100%;
    padding: 1rem 1.2rem;
    font-size: 11px;
    letter-spacing: .16em;
  }
}
