/* =====================================================
   LASTMINUTEGRADO – CUSTOM CSS
   Versione pulita e coerente con template RD
   Include fix globale CTA buttons (altezza + radius)
   ===================================================== */


/* =====================================================
   1) TIPOGRAFIA EDITORIALE (pagine guida)
   ===================================================== */

.section p,
.section li {
  font-size: 18px;
  line-height: 1.7;
}

.section h2 {
  margin-top: 40px;
  margin-bottom: 15px;
}

.section ul {
  padding-left: 20px;
}


/* =====================================================
   2) BREADCRUMB
   ===================================================== */

.breadcrumb {
  font-size: 14px;
  margin-bottom: 15px;
}

.breadcrumb a {
  text-decoration: none;
}

.breadcrumb a:hover {
  text-decoration: underline;
}


/* =====================================================
   3) INDICE GUIDA (guida-toc)
   ===================================================== */

.guida-toc {
  margin: 20px 0 35px;
  padding: 18px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.02);
}

.guida-toc h2,
.guida-toc .h4 {
  margin-top: 0;
}

.guida-toc ul {
  margin: 0;
  padding-left: 18px;
}

.guida-toc li {
  margin: 6px 0;
}

.guida-toc a {
  text-decoration: underline;
}


/* =====================================================
   4) FAQ (sezione contenuto fallback)
   ===================================================== */

#faq h3 {
  margin-top: 25px;
}

#faq p {
  margin-bottom: 15px;
}


/* =====================================================
   5) HERO IMAGE (standard immagini grandi)
   ===================================================== */

.section figure img.img-fluid {
  border-radius: 8px;
}


/* =====================================================
   6) FLOATING BUTTONS – FALLBACK SAFE
   (Non sovrascrive inline style se presenti)
   ===================================================== */

.floating-cta a,
.wa-button {
  min-width: 170px;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
}

@media (max-width: 767px) {
  .wa-button {
    font-size: 15px;
  }
}


/* =====================================================
   7) SPACING UTILITY EXTRA (leggera ottimizzazione)
   ===================================================== */

.section.section-sm {
  padding-top: 35px;
  padding-bottom: 35px;
}

.section.section-lg {
  padding-top: 60px;
  padding-bottom: 60px;
}


/* =====================================================
   8) FIX EVENTUALI BOX-MINIMAL (se usati)
   ===================================================== */

.box-minimal {
  padding: 20px;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 10px;
  height: 100%;
  background: #fff;
}

.box-minimal h3 {
  margin-top: 0;
}

/* =====================================================
   CTA BUTTONS – OVERRIDE DEFINITIVO (desktop + mobile)
   Uniforma posizione, altezza, radius e stile base
   ===================================================== */

.cta-buttons{
  display: flex !important;
  gap: 15px !important;
  flex-wrap: wrap !important;
  align-items: center !important;   /* IMPORTANT: risolve disallineamento verticale desktop */
}

/* reset/normalizzazione durissima nel contesto CTA */
.cta-buttons a.button{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  height: 52px !important;          /* altezza reale identica */
  padding: 0 30px !important;       /* solo orizzontale */
  line-height: 1 !important;

  margin: 0 !important;
  top: auto !important;
  transform: none !important;       /* se un bottone ha translateY */
  vertical-align: middle !important;

  border-radius: 6px !important;    /* stessi angoli */
  box-sizing: border-box !important;
}

/* neutralizza differenze di bordo/shadow tra varianti */
.cta-buttons a.button.button-primary,
.cta-buttons a.button.button-default,
.cta-buttons a.button.button-default-outline-2{
  border-radius: 6px !important;
  border-width: 0 !important;
  box-shadow: none !important;
}

/* Mobile: stack, full width */
@media (max-width: 767px){
  .cta-buttons{
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .cta-buttons a.button{
    width: 100% !important;
  }
}

/* =====================================================
   CTA BUTTONS – MOBILE FIX DEFINITIVO
   (su mobile il tema RD cambia stile ai bottoni)
   ===================================================== */
@media (max-width: 767px){
  .cta-buttons a.button{
    height: 52px !important;
    min-height: 52px !important;
    padding: 0 22px !important;
    line-height: 1 !important;

    border-radius: 6px !important;
    border-width: 0 !important;
    box-shadow: none !important;

    width: 100% !important;
  }
}