/* Global fixes for UI elements interaction */

/* Fix for alert boxes overlapping with list groups */
.alert + .list-group,
.alert + div > .list-group {
  position: relative;
  margin-top: 1.5rem !important;
  clear: both;
}

/* Ensure info alerts have proper spacing */
.alert-info {
  margin-bottom: 1.5rem !important;
  position: relative;
  display: block;
  clear: both;
}

/* Fix list group item vertical alignment */
.list-group-item {
  position: relative;
  display: block;
  clear: both;
}

/* Fix for nested form elements */
.form-check {
  display: block;
  clear: both;
}

/* Make sure form sections have proper spacing */
.mb-4 {
  margin-bottom: 2rem !important;
}