.views-exposed-form {
  display: flex;
  gap: var(--anrt-spacing-100);
  flex-wrap: wrap;
  align-items: flex-start;
}

.views-exposed-form .form-actions {

  display: flex;
  flex-wrap: wrap;
  gap: var(--anrt-spacing-050);
}

.views-exposed-form .button {
  background-position: 0.75rem;
  background-repeat: no-repeat;
  background-size: 1rem;
  padding-left: calc(0.75rem + 1rem + var(--anrt-spacing-050));
}

.views-exposed-form .form-actions .button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!-- Font Awesome Pro 5.15.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --%3E%3Cpath d='M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z' fill='white'/%3E%3C/svg%3E");
}

/* .views-exposed-form .form-actions .button:is(:hover, :focus) {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!-- Font Awesome Pro 5.15.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --%3E%3Cpath d='M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z' fill='%2323498D'/%3E%3C/svg%3E");
} */

.views-exposed-form .form-actions .button[name="reset"] {
  background-image: none !important;
  padding-left: 1.25rem;
  background-color: var(--anrt-color-white);
  color: var(--anrt-color-primary);
}

.views-exposed-form>.form-item {
  /* flex: 1; */
  width: 100%;
  display: flex;
  flex-direction: column;

  >label,
  .fieldset-legend {
    margin-bottom: var(--anrt-spacing-025);
    font-weight: 700;
  }
}

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

@media screen and (min-width: 48rem) {
  .views-exposed-form>.form-item {
    width: calc(50% - var(--anrt-spacing-050));
  }
}

@media screen and (min-width: 80rem) {
  .views-exposed-form>.form-item {
    flex: 1;
    width: auto;
  }

  .views-exposed-form .form-actions {
    width: auto;
    margin-top: var(--anrt-spacing-125);
  }
}



.view-header {
  position: relative;
}

.view-result-summary {
  font-style: italic;
  display: inline-block;
  background-color: var(--anrt-color-white);
  padding-right: 1rem;
  font-size: var(--anrt-font-size-small);
  color: var(--anrt-color-black);
}

.view-result-summary::after {
  content: '';
  top: 50%;
  height: 1px;
  border: 1px solid var(--anrt-color-tertiary-20);
  position: absolute;
  inset-inline: var(--anrt-spacing-100);
  z-index: -1;
}

/* select a11y */
.views-exposed-form .select-a11y {
  order: -1;
}

.select-a11y .btn-select-a11y {
  background: none;
  text-align: left;
  justify-content: flex-start;
  width: 100%;
  border: 1px solid var(--anrt-color-text) !important;
  padding: 14px;
  border-radius: var(--anrt-border-radius);
  background-color: var(--anrt-color-white) !important;
  font-size: var(--anrt-font-size-default);
  /* height: 3rem; */
  color: var(--anrt-color-black) !important;
  font-family: var(--anrt-font-primary);
  box-shadow: none !important;
  font-weight: 400;
}

.select-a11y .btn-select-a11y:focus {
  --focus-outline: 3px solid var(--anrt-color-text);
  outline: var(--anrt-focus-outline);
  box-shadow: var(--anrt-focus-shadow);
}

.select-a11y .list-selected {
  /* display: none; */
}

.select-a11y .btn-select-a11y .icon-select {
  background: none;
  top: 50%;
  margin-top: -.5rem;
}

.select-a11y .btn-select-a11y .icon-select::before {
  content: url(../../../assets/icons/chevron-down.svg);
  display: block;
  width: 1rem;
  height: 1rem;
}

.select-a11y .tag-item-supp {
  padding: 0;
  border-radius: 0 !important;
  background-color: transparent !important;
}

.select-a11y .tag-hidden {
  display: block;

  & select {
    display: none;
  }

  & label {
    margin-bottom: var(--anrt-spacing-025);
    font-weight: 700;
  }
}

.select-a11y .list-selected {
  list-style: none;
}

/* search form */
.views-exposed-form .form-radios {
  display: flex;
  gap: var(--anrt-spacing-050);
  flex-wrap: wrap;
}

.views-exposed-form .form-type-radio {
  display: flex;
  align-items: first baseline;
  gap: 0.2rem;
}

.views-exposed-form .form-type-radio label {
  color: var(--anrt-color-text);
}

.views-exposed-form .form-type-radio .form-radio:checked+label {
  color: var(--anrt-color-primary);
}

.view-search__filters .views-exposed-form {
  align-items: center;

  >* {
    flex: unset;
  }
}

.view-search__filters .views-exposed-form>.fieldgroup,
.view-search__filters .views-exposed-form>.form-item-keywords {
  width: 100%;
}