.alt-wf-swatch,
.alt-wf-button {
    cursor: pointer;
}

.alt-wf-swatch.active,
.alt-wf-button.active {
    outline: 2px solid #000;
}

body.alt-wf-loading {
    opacity: 0.6;
    pointer-events: none;
}

.alt-wf-filter.disabled,
.alt-wf-filter .disabled {
    opacity: 0.5;
}

.noUi-target {
    border-width: 0;
    background: var(--color-primary);
    box-shadow: none;
    height: 4px;

    /* width: calc(100% - 20px); */
}

.noUi-connect {
    background: var(--color-secondary);
}

.noUi-horizontal .noUi-handle {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--color-landsc);
  border: 1px solid var(--color-secondary);
  top: -8px;
  box-shadow: none;
}

.noUi-horizontal .noUi-handle.noUi-handle-lower {
  right: -20px;
}

.noUi-horizontal .noUi-handle.noUi-handle-upper {
  right: 0;
}

.noUi-horizontal .noUi-handle::before,
.noUi-horizontal .noUi-handle::after {
    display: none;
}

.alt-wf-price-slider {
    margin-bottom: var(--mr-giant);
}

.alt-wf-price-inputs {
    margin-bottom: var(--mr-medium);
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.alt-wf-price-inputs input {
  padding: 10px 16px;
  /* background: transparent;
    border: 1px solid var(--color-secondary); */
  color: var(--color-txt-main);
  border-radius: var(--radius-small);
  font-size: var(--txt-main);
  font-weight: var(--font-weight-400);
  background-color: var(--color-light);
  border: 1px solid var(--color-primary);
}

/*  */

.widget_alt_wf_attributes, 
.widget_alt_wf_categories,
.widget_alt_wf_tags,
.alt-wf-filter-price {
  margin-bottom: var(--mr-big);
}

.widget-title {
  font-size: var(--txt-small);
  color: var(--color-txt-main);
  margin-bottom: var(--mr-small);
}

.alt-wf-color {
  border-radius: var(--radius-circle);
  box-sizing: border-box;
}

/* Фильтрация по цене */

.price_slider_amount {
  display: flex;
  gap: var(--gap-small);
  flex-direction: column;
}

.price_slider_amount .price_label {
  order: 2;
}

.price_slider_amount button .button  {
  order: 1;
}

.price_label {
  width: var(--width-bl-100);
  display: flex;
  gap: var(--gap-small);
  align-items: center;
  font-size: var(--txt-tiny);
  font-weight: var(--font-weight-500);
}

.alt-wf-filter-button {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-min);
}

.alt-wf-filter-button .alt-wf-button {
  outline: none;
  color: var(--color-txt-main);
  border-radius: var(--radius-small);
  font-size: var(--txt-main);
  font-weight: var(--font-weight-400);
  padding: var(--mr-small) var(--pd-small);
  background-color: var(--color-light);
  border: 1px solid var(--color-primary);
  transition: all 0.2s linear;

  height: auto;
}

.alt-wf-filter-button .alt-wf-button:hover {
  color: var(--color-light);
  background-color:  var(--color-primary);
  border: 1px solid  var(--color-primary);
}

.alt-wf-filter-button .alt-wf-button.active {
  color: var(--color-light);
  background-color:  var(--color-primary);
  border: 1px solid  var(--color-primary);
}

.alt-wf-filter-image {
  display: flex;
  flex-wrap: wrap;
  gap:  var(--gap-medium);
}

.alt-wf-filter-image span.alt-wf-image {
  width: calc(var(--width-bl-20) - 4 * var(--gap-medium) / 5);
  overflow: hidden;
}

.alt-wf-filter-image span.alt-wf-image img {
  width: var(--width-bl-100);;
  height: var(--height-100);
  object-fit: cover;
}

/* кнопки фильтра */
.alt-wf-filters .alt-wf-actions button.button  {
  display: block;
  width: var(--width-bl-100);
  outline: none;
  cursor: pointer;
  box-shadow: none;
  text-align: center;
  height: var(--height-small-px);
  margin-bottom: var(--mr-medium);
  padding: var(--pd-x-y-small);
  font-size: var(--txt-main);
  transition: var(--transition-2s);
  color: var(--color-landsc);
  font-weight: var(--font-weight-500);
  border-radius: var(--radius-small);
  -moz-border-radius: var(--radius-small);
  -webkit-border-radius: var(--radius-small);
  border: var(--border-min) var(--border-solid) var(--color-secondary);
}

.alt-wf-filters .alt-wf-actions button.alt-wf-apply {
  background: var(--color-primary);
}

.alt-wf-filters .alt-wf-actions button.alt-wf-apply:hover {
  color: var(--color-landsc);
  background-color: var(--color-secondary);
}

.alt-wf-filters .alt-wf-actions button.alt-wf-reset {
  background: var(--color-secondary);
}

.alt-wf-filters .alt-wf-actions button.alt-wf-reset:hover {
  color: var(--color-landsc);
  background-color: var(--color-primary);
}

/* выпадающий список */

.alt-wf-category-select {
  height: var(--height-middle-px);
}

.sort-row .filter-section__button, .alt-wf-category-select {
  border-radius: var(--radius-small);
  font-size: var(--txt-main);
  font-weight: var(--font-weight-400);
  padding: var(--mr-small);
  background-color: var(--color-light);
  border: 1px solid var(--color-primary);
}

.sort-row .filter-section__button:hover, .alt-wf-category-select:hover {
  color: var(--color-light);
  background-color:  var(--color-primary);
  border: 1px solid  var(--color-primary);
}

@media (max-width: 641px) {
  .sort-row {
    flex-direction: column;
  }

  .sort-row .woocommerce-result-count {
    text-align: left;
  }

  .sort-row .filter-section__item {
    margin: var(--mr-zero);
  }

  .sort-row .filter-section__item .filter-section__button {
    width: var(--width-bl-100);
  }
}

.dropdown {
  background-color:  var(--color-light);
}

/* Категории */
.alt-wf-filter-categories {
  display: flex;
  gap: var(--gap-min);
  flex-direction: column;
  justify-content: flex-end;
}

.alt-wf-filter-categories label.alt-wf-checkbox {
  font-size: var(--txt-main);
}

.alt-wf-filter-categories input[type="checkbox"] {
  position: relative;
  margin-right: var(--mr-min);
  display: inline;
  opacity: 1;
  cursor: pointer;
}

/* .alt-wf-filter-categories label.alt-wf-checkbox::before {
    content: '';
    display: inline-block;
    flex-shrink: 0;
    flex-grow: 0;
    margin-right: var(--mr-min);
    width: var(--width-tiny-px);
    height: var(--height-tiny-px);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
    border-radius: var(--radius-small);
    -moz-border-radius: var(--radius-small);
    -webkit-border-radius: var(--radius-small);
    border: var(--border-min) var(--border-solid) #000;
} */
/* 
input[type="checkbox"]+label.alt-wf-checkbox {
  display: inline-flex;
  align-items: center;
  user-select: none;
} */

/* label.alt-wf-checkbox::before {
  content: '';
  display: inline-block;
  flex-shrink: 0;
  flex-grow: 0;
  margin-right: var(--mr-min);
  width: var(--width-min-px);
  height: var(--height-min-px);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
  border-radius: var(--radius-small);
  -moz-border-radius: var(--radius-small);
  -webkit-border-radius: var(--radius-small);
  border: var(--border-min) var(--border-solid) var(--color-primary-300);
} */

/* input[type="checkbox"]:checked+label::before {
  border-color: var(--color-primary-800);
  background-color: var(--color-secondary);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
} */

/* стили при наведении курсора на checkbox */
/* input[type="checkbox"].product_cat:not(:disabled):active+label.alt-wf-checkbox::before {
  border-color: var(--color-accent);
} */

/* стили для активного состояния чекбокса (при нажатии на него) */
/* input[type="checkbox"]:not(:disabled):active+label.alt-wf-checkbox::before {
  background-color: var(--color-secondary-500);
  border-color: var(--color-secondary-100);
} */

/* стили для чекбокса, находящегося в фокусе */
/* input[type="checkbox"]:focus+label.alt-wf-checkbox::before {
  box-shadow: var(--color-secondary);
} */

/* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
/* input[type="checkbox"]:focus:not(:checked)+label.alt-wf-checkbox::before {
  border-color: var(--color-secondary-800);
} */

/* стили для чекбокса, находящегося в состоянии disabled */
/* input[type="checkbox"]:disabled+label.alt-wf-checkbox::before {
  background-color: var(--color-secondary-100);
} */

.alt-wf-filter-select, .alt-wf-filter-tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-small);
}

.alt-wf-filter-select .alt-wf-checkbox,
.alt-wf-filter-tags .alt-wf-checkbox {
  cursor: pointer;
  display: block;
  user-select: none;
  background: transparent;
  border-radius: var(--radius-big);
  padding: 0 var(--pd-small);
  border: var(--border-min) var(--border-solid) var(--color-secondary);
}

/* фон при выборе */

.alt-wf-filter-select .alt-wf-checkbox:has(input:checked),
.alt-wf-filter-tags .alt-wf-checkbox:has(input:checked) {
  color: var(--color-landsc);
  background: var(--color-secondary);
}