/* FENIX-1167-SETTINGS-LAYOUT */

/* Alleen algemene toernooi-instellingen */
#fenixSettingsGeneral > .grid.setup-grid {
  display:grid !important;
  grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) !important;
  gap:12px !important;
  align-items:start !important;
}

/* Kaarten volgen hun inhoud */
#fenixSettingsGeneral > .grid.setup-grid > .settings-card {
  grid-column:auto !important;
  height:auto !important;
  min-height:0 !important;
  align-self:start !important;
}

/* Banen en planning links */
#fenixSettingsGeneral > .grid.setup-grid > .settings-card:nth-child(1) {
  grid-column:1 !important;
  grid-row:1 / span 2 !important;
}

/* Categorieën rechtsboven */
#fenixSettingsGeneral > .grid.setup-grid > .settings-card:nth-child(2) {
  grid-column:2 !important;
  grid-row:1 !important;
}

/* Spelregels rechts eronder */
#fenixSettingsGeneral > .grid.setup-grid > .settings-card:nth-child(3) {
  grid-column:2 !important;
  grid-row:2 !important;
}

/* Schema en baannamen onderaan */
#fenixSettingsGeneral > .grid.setup-grid > .settings-card:nth-child(4) {
  grid-column:1 !important;
  grid-row:3 !important;
}

#fenixSettingsGeneral > .grid.setup-grid > .settings-card:nth-child(5) {
  grid-column:2 !important;
  grid-row:3 !important;
}

/* Compactere tussenruimtes */
#fenixSettingsGeneral .settings-card {
  padding:16px !important;
}

#fenixSettingsGeneral .settings-card .field {
  margin-bottom:10px !important;
}

/* Tablet en mobiel */
@media(max-width:1050px) {
  #fenixSettingsGeneral > .grid.setup-grid {
    grid-template-columns:1fr !important;
  }

  #fenixSettingsGeneral > .grid.setup-grid > .settings-card {
    grid-column:1 !important;
    grid-row:auto !important;
  }
}