/* 1. Global rules for the select element */
#edit-abca-issue-selection,
select.form-select.required {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

/* 2. Desktop-specific constraint (Restricts width on wide screens) */
@media screen and (min-width: 769px) {
  .form-item-abca-issue-selection {
    max-width: 560px !important; /* Limits expansion so it doesn't span across desktop screens */
    width: 100% !important;
  }
}

/* 3. Mobile safety rules */
@media screen and (max-width: 768px) {
  .webform-card-wrapper,
  .form-item-abca-issue-selection,
  .goa-field {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important; /* Forces the flex engine to collapse on mobile viewports */
    box-sizing: border-box !important;
  }
}