/* ========================================
   Media Library Admin - Filter Styles
   ======================================== */

div#edit-changed-wrapper,
div#edit-created-wrapper,
div[data-drupal-selector="edit-changed-wrapper"],
div[data-drupal-selector="edit-created-wrapper"] {
  margin-right: 8px;
  margin-top: 12px;
}

div#edit-changed-wrapper fieldset,
div#edit-created-wrapper fieldset,
div[data-drupal-selector="edit-changed-wrapper"] fieldset,
div[data-drupal-selector="edit-created-wrapper"] fieldset {
  margin-top: 0;
}

#views-exposed-form-media-media-page-list [data-drupal-selector="edit-field-geolocation-proximity-wrapper"],
#views-exposed-form-media-library-page [data-drupal-selector="edit-field-geolocation-proximity-wrapper"] {
  order: 40;
  flex: 1 1 100%;
  width: 100%;
  max-width: 100%;
  margin: 8px 0 0;
  padding: 0;
  border: 0;
  min-width: 0;
}

#views-exposed-form-media-media-page-list .form-actions,
#views-exposed-form-media-library-page .form-actions {
  order: 50;
}

#views-exposed-form-media-media-page-list [data-drupal-selector="edit-field-geolocation-proximity-wrapper"] > legend,
#views-exposed-form-media-library-page [data-drupal-selector="edit-field-geolocation-proximity-wrapper"] > legend {
  margin-bottom: 4px;
}

#views-exposed-form-media-media-page-list [data-drupal-selector="edit-field-geolocation-proximity-wrapper"] > .fieldset-wrapper,
#views-exposed-form-media-library-page [data-drupal-selector="edit-field-geolocation-proximity-wrapper"] > .fieldset-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

#views-exposed-form-media-media-page-list [data-drupal-selector="edit-field-geolocation-proximity-wrapper"] > .fieldset-wrapper > .description,
#views-exposed-form-media-library-page [data-drupal-selector="edit-field-geolocation-proximity-wrapper"] > .fieldset-wrapper > .description {
  order: -1;
  margin: 0;
}

#views-exposed-form-media-media-page-list [data-drupal-selector="edit-field-geolocation-proximity"],
#views-exposed-form-media-library-page [data-drupal-selector="edit-field-geolocation-proximity"] {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}

#views-exposed-form-media-media-page-list [data-drupal-selector="edit-field-geolocation-proximity"] > legend,
#views-exposed-form-media-library-page [data-drupal-selector="edit-field-geolocation-proximity"] > legend {
  display: none;
}

#views-exposed-form-media-media-page-list [data-drupal-selector="edit-field-geolocation-proximity"] > .fieldset-wrapper,
#views-exposed-form-media-library-page [data-drupal-selector="edit-field-geolocation-proximity"] > .fieldset-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 16px;
}

#views-exposed-form-media-media-page-list .media-geolocation-filter,
#views-exposed-form-media-library-page .media-geolocation-filter {
  flex: 1 1 520px;
  max-width: 640px;
  width: 100%;
  margin: 0;
}

#views-exposed-form-media-media-page-list .media-geolocation-filter .description,
#views-exposed-form-media-library-page .media-geolocation-filter .description {
  display: none;
}

#views-exposed-form-media-media-page-list .media-geolocation-filter [id*="geolocation-filter"],
#views-exposed-form-media-library-page .media-geolocation-filter [id*="geolocation-filter"] {
  width: 100%;
  height: 280px;
  border: 1px solid var(--bs-border-color, #ced4da);
  border-radius: 4px;
}

#views-exposed-form-media-media-page-list .form-item-field-geolocation-proximity-value,
#views-exposed-form-media-library-page .form-item-field-geolocation-proximity-value {
  flex: 0 0 200px;
  width: 200px;
  margin: 0;
}

#views-exposed-form-media-media-page-list .form-item-field-geolocation-proximity-value .input-group,
#views-exposed-form-media-library-page .form-item-field-geolocation-proximity-value .input-group {
  max-width: 200px;
}

#views-exposed-form-media-media-page-list [data-drupal-selector="edit-field-geolocation-proximity"] .proximity-origin,
#views-exposed-form-media-media-page-list [data-drupal-selector="edit-field-geolocation-proximity"] .visually-hidden,
#views-exposed-form-media-library-page [data-drupal-selector="edit-field-geolocation-proximity"] .proximity-origin,
#views-exposed-form-media-library-page [data-drupal-selector="edit-field-geolocation-proximity"] .visually-hidden {
  position: absolute !important;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  word-wrap: normal;
}