/* Best Responsive Grid — CSS utility, frontend+editor
   - Sovrascrive in sicurezza gli inline del controllo "Colonne" core con !important
   - Breakpoint default: 782px (tablet), 1024px (desktop)
   - Colonne supportate: 1–12
*/

/* Base: garantisce il comportamento grid sui Gruppi in layout "grid" */
.wp-block-group.is-layout-grid {
  display: grid;
  gap: var(--wp--style--block-gap, 1rem);
}

/* ---------- MOBILE (default) ---------- */
[class*=" cols-m-"], [class^="cols-m-"] { /* niente regole qui, usiamo selettori specifici sotto */ }
.wp-block-group.is-layout-grid.cols-m-1  { grid-template-columns: repeat(1,  minmax(0,1fr)) !important; }
.wp-block-group.is-layout-grid.cols-m-2  { grid-template-columns: repeat(2,  minmax(0,1fr)) !important; }
.wp-block-group.is-layout-grid.cols-m-3  { grid-template-columns: repeat(3,  minmax(0,1fr)) !important; }
.wp-block-group.is-layout-grid.cols-m-4  { grid-template-columns: repeat(4,  minmax(0,1fr)) !important; }
.wp-block-group.is-layout-grid.cols-m-5  { grid-template-columns: repeat(5,  minmax(0,1fr)) !important; }
.wp-block-group.is-layout-grid.cols-m-6  { grid-template-columns: repeat(6,  minmax(0,1fr)) !important; }
.wp-block-group.is-layout-grid.cols-m-7  { grid-template-columns: repeat(7,  minmax(0,1fr)) !important; }
.wp-block-group.is-layout-grid.cols-m-8  { grid-template-columns: repeat(8,  minmax(0,1fr)) !important; }
.wp-block-group.is-layout-grid.cols-m-9  { grid-template-columns: repeat(9,  minmax(0,1fr)) !important; }
.wp-block-group.is-layout-grid.cols-m-10 { grid-template-columns: repeat(10, minmax(0,1fr)) !important; }
.wp-block-group.is-layout-grid.cols-m-11 { grid-template-columns: repeat(11, minmax(0,1fr)) !important; }
.wp-block-group.is-layout-grid.cols-m-12 { grid-template-columns: repeat(12, minmax(0,1fr)) !important; }

/* ---------- TABLET ---------- */
@media (min-width: 782px) {
  .wp-block-group.is-layout-grid.cols-t-1  { grid-template-columns: repeat(1,  minmax(0,1fr)) !important; }
  .wp-block-group.is-layout-grid.cols-t-2  { grid-template-columns: repeat(2,  minmax(0,1fr)) !important; }
  .wp-block-group.is-layout-grid.cols-t-3  { grid-template-columns: repeat(3,  minmax(0,1fr)) !important; }
  .wp-block-group.is-layout-grid.cols-t-4  { grid-template-columns: repeat(4,  minmax(0,1fr)) !important; }
  .wp-block-group.is-layout-grid.cols-t-5  { grid-template-columns: repeat(5,  minmax(0,1fr)) !important; }
  .wp-block-group.is-layout-grid.cols-t-6  { grid-template-columns: repeat(6,  minmax(0,1fr)) !important; }
  .wp-block-group.is-layout-grid.cols-t-7  { grid-template-columns: repeat(7,  minmax(0,1fr)) !important; }
  .wp-block-group.is-layout-grid.cols-t-8  { grid-template-columns: repeat(8,  minmax(0,1fr)) !important; }
  .wp-block-group.is-layout-grid.cols-t-9  { grid-template-columns: repeat(9,  minmax(0,1fr)) !important; }
  .wp-block-group.is-layout-grid.cols-t-10 { grid-template-columns: repeat(10, minmax(0,1fr)) !important; }
  .wp-block-group.is-layout-grid.cols-t-11 { grid-template-columns: repeat(11, minmax(0,1fr)) !important; }
  .wp-block-group.is-layout-grid.cols-t-12 { grid-template-columns: repeat(12, minmax(0,1fr)) !important; }
}

/* ---------- DESKTOP ---------- */
@media (min-width: 1024px) {
  .wp-block-group.is-layout-grid.cols-d-1  { grid-template-columns: repeat(1,  minmax(0,1fr)) !important; }
  .wp-block-group.is-layout-grid.cols-d-2  { grid-template-columns: repeat(2,  minmax(0,1fr)) !important; }
  .wp-block-group.is-layout-grid.cols-d-3  { grid-template-columns: repeat(3,  minmax(0,1fr)) !important; }
  .wp-block-group.is-layout-grid.cols-d-4  { grid-template-columns: repeat(4,  minmax(0,1fr)) !important; }
  .wp-block-group.is-layout-grid.cols-d-5  { grid-template-columns: repeat(5,  minmax(0,1fr)) !important; }
  .wp-block-group.is-layout-grid.cols-d-6  { grid-template-columns: repeat(6,  minmax(0,1fr)) !important; }
  .wp-block-group.is-layout-grid.cols-d-7  { grid-template-columns: repeat(7,  minmax(0,1fr)) !important; }
  .wp-block-group.is-layout-grid.cols-d-8  { grid-template-columns: repeat(8,  minmax(0,1fr)) !important; }
  .wp-block-group.is-layout-grid.cols-d-9  { grid-template-columns: repeat(9,  minmax(0,1fr)) !important; }
  .wp-block-group.is-layout-grid.cols-d-10 { grid-template-columns: repeat(10, minmax(0,1fr)) !important; }
  .wp-block-group.is-layout-grid.cols-d-11 { grid-template-columns: repeat(11, minmax(0,1fr)) !important; }
  .wp-block-group.is-layout-grid.cols-d-12 { grid-template-columns: repeat(12, minmax(0,1fr)) !important; }
}

/* ---------- Opzionale: auto-fit con min-width 280px ---------- */
.wp-block-group.is-layout-grid.cols-auto-min-280 {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
}