/**
 * Grid-Feinschliff für den Group-Block.
 *
 * WordPress erzeugt für Grid-Layouts eine Regel der Form
 *   .wp-container-content-xyz { grid-template-columns: repeat(auto-fill, …) }
 * mit der Spezifität 0,1,0. Die Regeln hier haben 0,2,0 und gewinnen
 * damit ohne !important.
 *
 * Kein Frontend-JavaScript nötig: Klasse und Custom Property stehen
 * im gespeicherten Markup, den Rest rechnet der Browser aus.
 */

/* Nur auto-fit: wenige Elemente füllen die Breite, statt Lücken zu lassen. */
.wp-block-group.is-grid-auto-fit:not(.has-grid-max) {
  grid-template-columns: repeat(
    auto-fit,
    minmax(min(var(--fpw-grid-min, 250px), 100%), 1fr)
  );
}

/* Spaltenlimit ohne auto-fit. */
.wp-block-group.has-grid-max:not(.is-grid-auto-fit) {
  grid-template-columns: repeat(
    auto-fill,
    minmax(
      max(
        min(var(--fpw-grid-min, 250px), 100%),
        calc(100% / var(--fpw-grid-cols-max, 4))
      ),
      1fr
    )
  );
}

/* Beides zusammen. */
.wp-block-group.is-grid-auto-fit.has-grid-max {
  grid-template-columns: repeat(
    auto-fit,
    minmax(
      max(
        min(var(--fpw-grid-min, 250px), 100%),
        calc(100% / var(--fpw-grid-cols-max, 4))
      ),
      1fr
    )
  );
}