.views-exposed-form .form-select {font-size: 20px; border: 1px solid gray !important; padding: 4px !important; float: left;margin-right: 10px;
    color: black;
    background-color: white;
    margin-bottom: 4px;}
.views-exposed-form h3 {color: white;}
.views-exposed-form {padding-bottom: 30px;}
.views-exposed-form .js-form-submit {background-color: white !important;  border-color: white !important; margin: 0 10px !important;}



/* 1. Force the main form to act as a centered flex container */
#views-exposed-form-programs-block-2 {
  display: flex !important;
  flex-direction: column !important; /* Stack vertically on mobile */
  align-items: center !important;
  justify-content: center !important;
  gap: 1rem !important; /* Spacing between rows */
  width: 100% !important;
  max-width: 64rem !important; /* Equivalent to max-w-5xl */
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 2. Reset Drupal stable9's block clearfixes on select wrappers & action wrappers */
#views-exposed-form-programs-block-2 .form-item,
#views-exposed-form-programs-block-2 #edit-actions {
  display: inline-block !important;
  float: none !important;
  clear: none !important;
  margin: 0 !important; /* Drop old margin dependencies */
  width: 100% !important; /* Full width on mobile elements */
  max-width: 24rem !important; /* Prevents selects from blowing up full screen */
}

/* 3. Snaps them into a perfectly centered horizontal row on tablet/desktop */
@media (min-width: 768px) {
  #views-exposed-form-programs-block-2 {
    flex-direction: row !important; /* Put side-by-side */
    flex-wrap: wrap !important;     /* Graceful wrap if narrow screen */
  }

  #views-exposed-form-programs-block-2 .form-item,
  #views-exposed-form-programs-block-2 #edit-actions {
    width: auto !important; /* Let content/classes naturally define width */
    max-width: none !important;
  }
}

/* 4. Ensure the actual select element handles responsive scaling cleanly */
#views-exposed-form-programs-block-2 .form-select {
  width: 100% !important;
}