/* ==========================================================
   CHEP Documentation exposed filters
   Keep all filters + submit button on one row
   ========================================================== */

.view-chep-documentation .views-exposed-form .form--inline {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;
  gap: 15px;
  width: 100%;
}

/* Each filter */
.view-chep-documentation .views-exposed-form .form--inline > .form-item {
  flex: 1 1 0;
  min-width: 0;
  margin: 0;
}

/* Selects fill their available column */
.view-chep-documentation .views-exposed-form select.form-select {
  width: 100%;
  max-width: 100%;
}

/* Apply button */
.view-chep-documentation .views-exposed-form .form-actions {
  flex: 0 0 auto;
  margin: 0;
}

/* Keep button aligned with selects */
.view-chep-documentation .views-exposed-form .form-actions .form-submit {
  margin: 0;
  white-space: nowrap;
}


/* ==========================================================
   Tablet / mobile
   Allow wrapping because everything won't fit comfortably
   ========================================================== */

@media (max-width: 991.98px) {

  .view-chep-documentation .views-exposed-form .form--inline {
    flex-wrap: wrap;
  }

  .view-chep-documentation .views-exposed-form .form--inline > .form-item {
    flex: 1 1 calc(50% - 15px);
  }

}


@media (max-width: 575.98px) {

  .view-chep-documentation .views-exposed-form .form--inline {
    display: block;
  }

  .view-chep-documentation .views-exposed-form .form--inline > .form-item {
    width: 100%;
    margin-bottom: 15px;
  }

  .view-chep-documentation .views-exposed-form .form-actions {
    width: 100%;
  }

}