/* Correzioni responsive fatte dopo l'uscita da Webflow (check del 2026-10-27).
   Caricato su ogni pagina subito dopo il CSS condiviso di Webflow, che resta intatto. */

/* Link lunghi negli articoli: vanno a capo invece di uscire dallo schermo */
.w-richtext a { overflow-wrap: anywhere; }

@media screen and (max-width: 991px) {
  /* Tabella prezzi: con 3 colonne su 4 celle le righe andavano a capo */
  .table-row { grid-template-columns: 2fr 1fr 1fr 1fr; }
  /* Titoli con la parte in corsivo: la riga non può più sforare */
  .h2-heading-7 .text-accent-brand { white-space: normal; }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  /* /guide: 2 schede per riga su tablet */
  .collection-list-12 { grid-template-columns: 1fr 1fr; }
}

@media screen and (max-width: 767px) {
  .h2-heading-7 { font-size: 38px; }

  /* /home-pages/consulenza: i 4 step erano su 4 colonne e allargavano la pagina */
  .grid-7 { grid-template-columns: 1fr 1fr; }

  /* Home, "Semplifica la finanza agevolata": titolo sopra, testo sotto */
  .grid-10 { grid-template-columns: 1fr; }

  /* /pmi e /per-chi/*: loghi clienti su 2 colonne (su 4 i loghi sparivano) */
  .collection-list-10 { grid-template-columns: 1fr 1fr; }
  .collection-list-10 .logo-outline { padding: 16px 20px; }
  .collection-list-10 .logo-image { max-width: 100%; object-fit: contain; }

  /* /guide: una scheda per riga */
  .collection-list-12 { grid-template-columns: 1fr; }

  /* Tabella prezzi: sta tutta nello schermo, quattro colonne leggibili */
  .table-container { min-width: 0; }
  .table-row,
  .table-row.table-head { grid-template-columns: 1.4fr 1fr 1fr 1fr; column-gap: 4px; font-size: 13px; }

  /* /tutti-i-prezzi: le tab Imprese / Business / Consulenza vanno a capo */
  .pricing-tabs-menu-large { flex-wrap: wrap; justify-content: center; }

  /* Articoli: niente testo giustificato su telefono (buchi tra le parole), tabelle scorrevoli */
  .w-richtext,
  .w-richtext p,
  .w-richtext li { text-align: left; }
  .w-richtext table { display: block; max-width: 100%; overflow-x: auto; }
}