/* ------------------------------------------------------------------
   Block Grid renderer – forbruger de CSS-variabler, partialerne sætter.
   Holdt minimal med vilje: sektionerne på forsiden er altid 12 brede,
   og hver blok har sin egen lodrette rytme i style.css.
   ------------------------------------------------------------------ */
.umb-block-grid__layout-container {
  display: grid;
  grid-template-columns: repeat(var(--umb-block-grid--grid-columns, 12), minmax(0, 1fr));
  grid-auto-rows: auto;
}
.umb-block-grid__layout-item {
  position: relative;
  grid-column: span var(--umb-block-grid--item-column-span, 12);
  grid-row: span var(--umb-block-grid--item-row-span, 1);
  min-width: 0; min-height: 0;
}
.umb-block-grid__area-container {
  display: grid;
  grid-template-columns: repeat(var(--umb-block-grid--area-grid-columns, 12), minmax(0, 1fr));
  grid-auto-rows: auto; height: 100%;
}
.umb-block-grid__area {
  position: relative;
  grid-column: span var(--umb-block-grid--area-column-span, 12);
  grid-row: span var(--umb-block-grid--area-row-span, 1);
  min-width: 0; min-height: 0;
}

/* Inde i sektioner, der går kant til kant, skal blokkene ligge i normal
   flow: designet bygger på at margener kollapser (.head-act's 110px bund
   møder .stage2's 110px top) – og CSS grid kollapser ikke margener, så
   afstanden ville blive fordoblet. */
.lineup .umb-block-grid__layout-container,
.lineup .umb-block-grid__layout-item,
.lineup .umb-block-grid__area-container,
.lineup .umb-block-grid__area { display: block; }

@media (max-width: 1024px) {
  .umb-block-grid__layout-container,
  .umb-block-grid__area-container { grid-template-columns: 1fr; }
  .umb-block-grid__layout-item,
  .umb-block-grid__area { grid-column: 1 / -1; grid-row: span 1; }
}