/* Checkboxes */
.form-item input[type="checkbox"],
.form-checkboxes input[type="checkbox"],
.facet-item input[type="checkbox"],
.form-item-webform-terms-of-service input[type="checkbox"] {
  width: 2rem;
  height: 2rem;
  top: unset;
  left: unset;
}

.form-item input[type="checkbox"] + label,
.form-checkboxes input[type="checkbox"] + label,
.facet-item input[type="checkbox"] + label,
.form-item-webform-terms-of-service input[type="checkbox"] + label {
  border-radius: var(--input-border-radius);
  padding: unset;
  margin-bottom: unset;
  height: 2rem;
}

.form-item input[type="checkbox"] + label::before,
.form-checkboxes input[type="checkbox"] + label::before,
.facet-item input[type="checkbox"] + label::before,
.form-item-webform-terms-of-service input[type="checkbox"] + label::before {
  border: 2px solid var(--checkbox-select-outline-color);
  border-radius: var(--input-border-radius);
  width: 2rem;
  height: 2rem;
}

.form-item input[type="checkbox"]:focus + label::before,
.form-checkboxes input[type="checkbox"]:focus + label::before,
.facet-item input[type="checkbox"]:focus + label::before,
.form-item-webform-terms-of-service input[type="checkbox"]:focus + label::before {
  outline: 0;
  border-width: 2px;
}

.form-item input[type="checkbox"] + label::after,
.form-checkboxes input[type="checkbox"] + label::after,
.facet-item input[type="checkbox"] + label::after,
.form-item-webform-terms-of-service input[type="checkbox"] + label::after {
  top: 0;
  left: 0;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23212b32' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
  transform: none;
  background-repeat: no-repeat;
  background-size: 1.375rem;
  height: 2rem;
  width: 2rem;
  border: unset;
  background-position: 0.3125rem 0.3125rem;
}

.form-item input[type="checkbox"]:hover + label,
.form-checkboxes input[type="checkbox"]:hover + label,
.facet-item input[type="checkbox"]:hover + label,
.form-item-webform-terms-of-service input[type="checkbox"]:hover + label,
.form-item input[type="checkbox"]:focus + label,
.form-checkboxes input[type="checkbox"]:focus + label,
.facet-item input[type="checkbox"]:focus + label,
.form-item-webform-terms-of-service input[type="checkbox"]:focus + label {
  color: var(--color-link-hover);
}

input[type="date"],
input[type="datetime-local"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
textarea,
select,
.select2-container--default .select2-search--dropdown .select2-search__field {
  height: 48px;
  padding: 0 1rem;
  font-size: var(--font-size);
  border-radius: var(--input-border-radius);
  box-sizing: border-box;
}

select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 0.625rem 2.6rem 0.625rem 1.25rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 448 512'%3e%3cpath fill='%23d50059' d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1.25rem center;
  background-size: 17px 17px;
  color: var(--color-grey-dark);
  cursor: pointer;
  transition: box-shadow 0.2s ease, border 0.2s ease;
}

input[type="date"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="url"]:focus,
textarea:focus,
select:focus {
  border-color: var(--input-border-color);
  outline: none;
  box-shadow: 0 0 0 3px var(--wc-primary);
}

.facets-widget__list.facets-widget__list--dropdown {
  padding-inline-start: 1.25rem;
  margin-block-end: var(--sidebar-exposed-form-item-spacing);
}

.js input.form-autocomplete.ui-autocomplete-loading {
  background-position: calc(100% - 1rem) center;
}