/* ===========================================================
   Override griglia Squarespace 7.0 -> statico (flexbox, no-JS)
   In origine le larghezze/float le applicava il runtime JS.
   Qui forziamo il layout 12-col con flex e !important per vincere
   sulle regole di site.css (che lasciano le colonne senza float).
   =========================================================== */

.sqs-row {
  display: flex !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.sqs-row > [class*="sqs-col-"] {
  float: none !important;
  box-sizing: border-box;
  min-width: 0; /* permette al testo di andare a capo normalmente dentro la colonna */
}

.sqs-col-1  { flex: 0 0 8.3333%;  max-width: 8.3333%; }
.sqs-col-2  { flex: 0 0 16.6667%; max-width: 16.6667%; }
.sqs-col-3  { flex: 0 0 25%;      max-width: 25%; }
.sqs-col-4  { flex: 0 0 33.3333%; max-width: 33.3333%; }
.sqs-col-5  { flex: 0 0 41.6667%; max-width: 41.6667%; }
.sqs-col-6  { flex: 0 0 50%;      max-width: 50%; }
.sqs-col-7  { flex: 0 0 58.3333%; max-width: 58.3333%; }
.sqs-col-8  { flex: 0 0 66.6667%; max-width: 66.6667%; }
.sqs-col-9  { flex: 0 0 75%;      max-width: 75%; }
.sqs-col-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }
.sqs-col-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }
.sqs-col-12 { flex: 0 0 100%;     max-width: 100%; }
.sqs-col-0  { display: none !important; }

/* il testo dentro i blocchi non deve spezzarsi carattere-per-riga */
.sqs-block-content,
.sqs-html-content,
.sqs-html-content p {
  min-width: 0;
  word-break: normal;
  overflow-wrap: anywhere;
}

/* mobile: colonne impilate */
@media (max-width: 767px) {
  .sqs-row > [class*="sqs-col-"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}