/* @override 
	https://dev.levolcan.com/modules/custom/ff_components/components/layouts/section/section.css?* */

.section {
  display: grid;
  gap: var(--gut);
}

/* Layout pour 1 colonne */
.section--cols-1 {
  grid-template-columns: 1fr;
}

/* Layout pour 2 colonnes */
.section--cols-2 {
  grid-template-columns: 1fr 1fr; /* Défaut Ratio 1/1 */
}
.section--cols-2.section--ratio-1-2 {
  grid-template-columns: 1fr 2fr; /* Ratio 1/2 */
}
.section--cols-2.section--ratio-2-1 {
  grid-template-columns: 2fr 1fr; /* Ratio 2/1 */
}

/* Layout pour 3 colonnes */
.section--cols-3 {
  grid-template-columns: 1fr 1fr 1fr;
}

.section img:not(.spamspan-image) {
  width: 100%;
  height: auto;
}

@media print, screen and (max-width: 1024px) {
    .section {
      grid-template-columns: 1fr !important;
    }
}