/*
 * Responsive fieldset layout for Django Unfold change forms.
 *
 * Usage in ModelAdmin.fieldsets:
 * ("Basic Information", {"classes": ("col-lg-6",), "fields": (...)})
 * ("Notes", {"classes": ("col-12",), "fields": (...)})
 */

.unfold-fieldset-grid {
  align-items: start;
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.unfold-fieldset-grid > fieldset {
  grid-column: 1 / -1;
  min-width: 0;
}

.unfold-fieldset-grid > .col-12 {
  grid-column: span 12 / span 12;
}

@media (min-width: 1024px) {
  .unfold-fieldset-grid > .col-lg-4 {
    grid-column: span 4 / span 4;
  }

  .unfold-fieldset-grid > .col-lg-6 {
    grid-column: span 6 / span 6;
  }

  .unfold-fieldset-grid > .col-lg-8 {
    grid-column: span 8 / span 8;
  }
}