@charset "UTF-8";

:root {
--wcapf-primary-color: rgba(var(--wcapf-primary-color-rgb), 1);
--wcapf-primary-text-color: rgba(var(--wcapf-primary-text-color-rgb), 1);
--wcapf-disabled-bg-color: #f4f4f0;
--wcapf-filter-base-bottom-margin: 2em;
--wcapf-filter-line-height: inherit;
--wcapf-filter-count-opacity: .6;
--wcapf-filter-title-font-size: 1.25em;
--wcapf-filter-title-font-weight: 600;
--wcapf-filter-title-margin-bottom: 1em;
--wcapf-filter-title-line-height: 1.6;
--wcapf-filter-accordion-icon-size: .9em;
--wcapf-filter-title-inner-gap: .25em;
--wcapf-input-text-bg-color: #fff;
--wcapf-input-text-font-size: 1em;
--wcapf-input-text-hr-padding: 0.625em;
--wcapf-input-text-vr-padding: 0.375em;
--wcapf-input-text-border-color: #ddd;
--wcapf-input-text-border-radius: 2px;
--wcapf-range-filter-unit-size: 2em;
--wcapf-nouislider-input-field-margin-bottom: 1.5em;
--wcapf-nouislider-plain-text-margin-bottom: 1.2em;
--wcapf-range-slider-bottom-padding: 1em;
--wcapf-hierarchy-nav-indent: 1.618em;
--wcapf-filter-item-vertical-spacing: .4em;
--wcapf-filter-item-horizontal-spacing: .4em;
--wcapf-list-type-native-horizontal-spacing: .875em;
--wcapf-checkbox-radio-space: 0.5em;
--wcapf-dropdown-border-color: #ddd;
--wcapf-dropdown-border-radius: 0.25em;
--wcapf-labeled-nav-bg-color: #fff;
--wcapf-labeled-nav-border-size: 1px;
--wcapf-labeled-nav-border-color: #ddd;
--wcapf-labeled-nav-margin: 0.4em;
--wcapf-labeled-nav-border-radius: 6px;
--wcapf-labeled-nav-hr-padding: 10px;
--wcapf-labeled-nav-vr-padding: 3px;
--wcapf-active-filters-before-products-bottom-margin: 1em;
--wcapf-active-filters-before-products-clear-button-gap: 1em;
--wcapf-clear-all-btn-top-margin: .5em;
--wcapf-active-filters-group-top-margin: .5em;
--wcapf-active-filters-group-heading-font-size: .85em;
--wcapf-active-filters-group-heading-font-weight: lighter;
--wcapf-active-filters-group-heading-bottom-margin: .5em;
--wcapf-active-filter-item-bg-color: var(--wcapf-labeled-nav-bg-color);
--wcapf-active-filter-item-border-size: var(--wcapf-labeled-nav-border-size);
--wcapf-active-filter-item-border-color: var(--wcapf-labeled-nav-border-color);
--wcapf-active-filter-item-margin: var(--wcapf-labeled-nav-margin);
--wcapf-active-filter-item-border-radius: var(--wcapf-labeled-nav-border-radius);
--wcapf-active-filter-item-hr-padding: var(--wcapf-labeled-nav-hr-padding);
--wcapf-active-filter-item-vr-padding: var(--wcapf-labeled-nav-vr-padding);
--wcapf-active-filter-item-cross-icon-gap: 2;
--wcapf-active-filter-item-cross-icon-hr-position: .7;
--wcapf-active-filter-item-cross-icon-opacity: .6;
--wcapf-search-box-margin-bottom: 1em;
--wcapf-soft-limit-wrapper-margin-top: 1em;
--wcapf-empty-item-cursor: default;
--wcapf-empty-item-opacity: .6;
--wcapf-current-tax-item-cursor: default;
--wcapf-label-active-as-ancestor-bg-color: var(--wcapf-disabled-bg-color);
--wcapf-label-active-as-archive-bg-color: #e9e9e9;
--wcapf-labeled-nav-disabled-bg-color: var(--wcapf-disabled-bg-color);
--wcapf-btn-secondary-bg-color: #fff;
--wcapf-btn-secondary-text-color: var(--wcapf-primary-color);
--wcapf-btn-primary-text-color: var(--wcapf-primary-text-color);
--wcapf-btn-primary-bg-color: var(--wcapf-primary-color);
--wcapf-btn-border-color: var(--wcapf-primary-color);
--wcapf-btn-border-size: 1px;
--wcapf-btn-border-radius: 2px;
--wcapf-btn-hr-padding: 1.375em;
--wcapf-btn-vr-padding: .5em;
--wcapf-btn-disabled-opacity: .6;
--wcapf-btn-disabled-cursor: default;
}
.wcapf-star-icon {
color: var(--wcapf-star-icon-color);
}
.wcapf-filter *,
.wcapf-filter ::before,
.wcapf-filter ::after {
box-sizing: border-box;
}
.wcapf-filter {
line-height: var(--wcapf-filter-line-height);
margin: 0 0 var(--wcapf-filter-base-bottom-margin);
}
.wcapf-filter-title ~ .wcapf-filter-inner > div {
padding-top: var(--wcapf-filter-title-margin-bottom);
}
.wcapf-filter .wcapf-list-wrapper ul.wcapf-filter-options {
border: none;
line-height: inherit;
list-style-type: none;
margin: 0;
padding: 0;
width: 100%;
}
.wcapf-filter .wcapf-list-wrapper ul.wcapf-filter-options li.wcapf-filter-option {
border: none;
line-height: inherit;
list-style-type: none;
margin: 0;
padding: 0;
}
.wcapf-filter .wcapf-list-wrapper ul.wcapf-filter-options li.wcapf-filter-option label {
background: none;
box-shadow: none;
color: inherit;
cursor: pointer;
font-size: 1em;
font-weight: normal;
outline: none;
text-transform: none;
letter-spacing: normal;
min-height: auto;
height: auto;
width: auto;
margin: 0;
padding: 0;
line-height: inherit;
} .wcapf-filter .wcapf-list-wrapper.layout-list ul.wcapf-filter-options li.wcapf-filter-option {
margin-bottom: var(--wcapf-filter-item-vertical-spacing);
}
.wcapf-filter .wcapf-list-wrapper.layout-list ul.wcapf-filter-options li.wcapf-filter-option ul.wcapf-filter-options li:first-child {
margin-top: var(--wcapf-filter-item-vertical-spacing);
}
body:not(.rtl) .wcapf-filter .wcapf-list-wrapper.layout-list ul.wcapf-filter-options li.wcapf-filter-option ul.wcapf-filter-options {
padding-left: var(--wcapf-hierarchy-nav-indent);
}
body.rtl .wcapf-filter .wcapf-list-wrapper.layout-list ul.wcapf-filter-options li.wcapf-filter-option ul.wcapf-filter-options {
padding-right: var(--wcapf-hierarchy-nav-indent);
}
.wcapf-filter .wcapf-list-wrapper.layout-list .wcapf-filter-item {
display: flex;
}
.wcapf-filter .wcapf-list-wrapper.list-type-native .wcapf-filter-item {
position: relative;
}
.wcapf-filter .wcapf-list-wrapper.list-type-native .wcapf-filter-item label {
align-items: center;
display: flex;
}
.wcapf-filter .wcapf-list-wrapper.list-type-native .wcapf-filter-item input[type="checkbox"],
.wcapf-filter .wcapf-list-wrapper.list-type-native .wcapf-filter-item input[type="radio"] {
cursor: pointer;
margin: 0;
padding: 0;
}
body:not(.rtl) .wcapf-filter .wcapf-list-wrapper.list-type-native .wcapf-filter-item input[type="checkbox"], body:not(.rtl) .wcapf-filter .wcapf-list-wrapper.list-type-native .wcapf-filter-item input[type="radio"] {
margin-right: var(--wcapf-checkbox-radio-space);
}
body.rtl .wcapf-filter .wcapf-list-wrapper.list-type-native .wcapf-filter-item input[type="checkbox"], body.rtl .wcapf-filter .wcapf-list-wrapper.list-type-native .wcapf-filter-item input[type="radio"] {
margin-left: var(--wcapf-checkbox-radio-space);
}
.wcapf-filter .wcapf-list-wrapper.list-type-native .wcapf-filter-item.empty-item label {
cursor: var(--wcapf-empty-item-cursor);
opacity: var(--wcapf-empty-item-opacity);
}
.wcapf-filter .wcapf-list-wrapper.list-type-native .wcapf-filter-item.empty-item label input[type="checkbox"],
.wcapf-filter .wcapf-list-wrapper.list-type-native .wcapf-filter-item.empty-item label input[type="radio"] {
cursor: var(--wcapf-empty-item-cursor);
}
.wcapf-filter .wcapf-list-wrapper.list-type-native .wcapf-filter-item.current-tax-item label, .wcapf-filter .wcapf-list-wrapper.list-type-native .wcapf-filter-item.active-as-ancestor label {
cursor: var(--wcapf-current-tax-item-cursor);
}
.wcapf-filter .wcapf-list-wrapper.list-type-native .wcapf-filter-item.current-tax-item label input[type="checkbox"],
.wcapf-filter .wcapf-list-wrapper.list-type-native .wcapf-filter-item.current-tax-item label input[type="radio"], .wcapf-filter .wcapf-list-wrapper.list-type-native .wcapf-filter-item.active-as-ancestor label input[type="checkbox"],
.wcapf-filter .wcapf-list-wrapper.list-type-native .wcapf-filter-item.active-as-ancestor label input[type="radio"] {
cursor: var(--wcapf-current-tax-item-cursor);
}
.wcapf-filter .wcapf-list-wrapper.list-type-native:not(.stylish-checkbox-radio) li.wcapf-filter-option input[type="checkbox"],
.wcapf-filter .wcapf-list-wrapper.list-type-native:not(.stylish-checkbox-radio) li.wcapf-filter-option input[type="radio"] {
outline: none;
}
.wcapf-filter .wcapf-list-wrapper.list-type-native:not(.stylish-checkbox-radio) li.wcapf-filter-option input[type="checkbox"]:focus-visible,
.wcapf-filter .wcapf-list-wrapper.list-type-native:not(.stylish-checkbox-radio) li.wcapf-filter-option input[type="radio"]:focus-visible {
outline: 2px solid var(--wcapf-primary-color);
outline-offset: 2px;
}
.wcapf-filter .wcapf-list-wrapper.list-type-native {
--wcapf-filter-item-horizontal-spacing: var(--wcapf-list-type-native-horizontal-spacing);
}
.wcapf-filter .wcapf-list-wrapper.layout-inline li.wcapf-filter-option {
display: inline-flex;
}
body:not(.rtl) .wcapf-filter .wcapf-list-wrapper.layout-inline li.wcapf-filter-option {
margin: 0 var(--wcapf-filter-item-horizontal-spacing) var(--wcapf-filter-item-vertical-spacing) 0;
}
body.rtl .wcapf-filter .wcapf-list-wrapper.layout-inline li.wcapf-filter-option {
margin: 0 0 var(--wcapf-filter-item-vertical-spacing) var(--wcapf-filter-item-horizontal-spacing);
}
.wcapf-list-wrapper:not(.count-badge) .wcapf-nav-item-count {
opacity: var(--wcapf-filter-count-opacity);
}
.wcapf-list-wrapper:not(.count-badge) .wcapf-nav-item-count::before {
content: ' (';
}
.wcapf-list-wrapper:not(.count-badge) .wcapf-nav-item-count::after {
content: ')';
}
.hierarchy-list .wcapf-filter-item {
--wcapf-accordion-toggle-width: 1px;
--wcapf-hierarchy-accordion-button-hr-space: .4em;
--wcapf-hierarchy-accordion-button-size: 22px;
--wcapf-hierarchy-accordion-toggle-color: #666;
--wcapf-hierarchy-accordion-toggle-size: 13px;
}
body:not(.rtl) .hierarchy-list.hierarchy-toggle-at-end .wcapf-filter-item {
padding-right: calc(var(--wcapf-hierarchy-accordion-button-size) + var(--wcapf-hierarchy-accordion-button-hr-space));
}
body.rtl .hierarchy-list.hierarchy-toggle-at-end .wcapf-filter-item {
padding-left: calc(var(--wcapf-hierarchy-accordion-button-size) + var(--wcapf-hierarchy-accordion-button-hr-space));
}
.wcapf-hierarchy-accordion-toggle {
border-radius: 2px;
cursor: pointer;
height: var(--wcapf-hierarchy-accordion-button-size);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: var(--wcapf-hierarchy-accordion-button-size);
}
.wcapf-hierarchy-accordion-toggle::before, .wcapf-hierarchy-accordion-toggle::after {
background-color: var(--wcapf-hierarchy-accordion-toggle-color);
content: '';
position: absolute;
}
.wcapf-hierarchy-accordion-toggle::before {
height: var(--wcapf-hierarchy-accordion-toggle-size);
left: 50%;
margin-left: calc(calc(var(--wcapf-accordion-toggle-width) / 2) * -1);
margin-top: calc(calc(var(--wcapf-hierarchy-accordion-toggle-size) / 2) * -1);
top: 50%;
width: var(--wcapf-accordion-toggle-width);
}
.wcapf-hierarchy-accordion-toggle::after {
height: var(--wcapf-accordion-toggle-width);
left: 50%;
margin-left: calc(calc(var(--wcapf-hierarchy-accordion-toggle-size) / 2) * -1);
margin-top: calc(calc(var(--wcapf-accordion-toggle-width) / 2) * -1);
top: 50%;
width: var(--wcapf-hierarchy-accordion-toggle-size);
}
.wcapf-hierarchy-accordion-toggle[aria-pressed="true"]::before {
content: none;
}
.wcapf-hierarchy-accordion-toggle:focus {
outline: none;
}
.wcapf-hierarchy-accordion-toggle:focus-visible {
outline: 2px solid var(--wcapf-primary-color);
outline-offset: 2px;
}
.hierarchy-list:not(.hierarchy-toggle-at-end) .wcapf-filter-item {
align-items: center;
gap: var(--wcapf-hierarchy-accordion-button-hr-space);
}
.hierarchy-list:not(.hierarchy-toggle-at-end) .wcapf-hierarchy-accordion-toggle {
position: relative;
}
.hierarchy-list.hierarchy-toggle-at-end .wcapf-hierarchy-accordion-toggle {
margin-top: calc(calc(var(--wcapf-hierarchy-accordion-button-size) / 2) * -1);
position: absolute;
top: 50%;
}
body:not(.rtl) .hierarchy-list.hierarchy-toggle-at-end .wcapf-hierarchy-accordion-toggle {
right: 0;
}
body.rtl .hierarchy-list.hierarchy-toggle-at-end .wcapf-hierarchy-accordion-toggle {
left: 0;
}
.wcapf-use-focus .wcapf-search-box input[type="text"]:focus,
.wcapf-use-focus .wcapf-range-wrapper input[type="text"]:focus {
border-color: var(--wcapf-primary-color);
}
.wcapf-use-focus .wcapf-select-improved:focus {
border-color: var(--wcapf-primary-color);
}
.wcapf-use-focus .wcapf-chosen-container.chosen-container-active:not(.chosen-with-drop) .chosen-choices,
.wcapf-use-focus .wcapf-chosen-container.chosen-container-active:not(.chosen-with-drop) .chosen-single {
border-color: var(--wcapf-chosen-active-color);
}
.stylish-checkbox-radio {
--wcapf-checkbox-radio-space: 10px;
--wcapf-stylish-checkbox-radio-size: 18px;
--wcapf-stylish-checkbox-radio-bg-color: #fff;
--wcapf-stylish-checkbox-radio-disabled-bg-color: var(--wcapf-disabled-bg-color);
--wcapf-stylish-checkbox-radio-disabled-text-color: #ccc;
--wcapf-stylish-checkbox-radio-primary-color: var(--wcapf-primary-color);
--wcapf-stylish-checkbox-radio-primary-text-color: var(--wcapf-primary-text-color);
--wcapf-stylish-checkbox-radio-border-color: #ddd;
--wcapf-stylish-checkbox-radio-border-size: 1px;
--wcapf-stylish-checkbox-radio-border-radius: 2px;
--wcapf-stylish-checkbox-checked-width: 6px;
--wcapf-stylish-checkbox-checked-height: 12px;
--wcapf-stylish-radio-checked-size: 6px;
}
.stylish-checkbox-radio input[type="checkbox"],
.stylish-checkbox-radio input[type="radio"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: var(--wcapf-stylish-checkbox-radio-size);
height: var(--wcapf-stylish-checkbox-radio-size);
border: var(--wcapf-stylish-checkbox-radio-border-size) solid var(--wcapf-stylish-checkbox-radio-border-color);
border-radius: var(--wcapf-stylish-checkbox-radio-border-radius);
background-color: var(--wcapf-stylish-checkbox-radio-bg-color);
position: relative;
outline: none;
display: inline-flex;
flex-shrink: 0;
transition: none;
box-shadow: none;
}
.stylish-checkbox-radio input[type="checkbox"]::after,
.stylish-checkbox-radio input[type="radio"]::after {
content: none;
}
.stylish-checkbox-radio input[type="checkbox"]:focus,
.stylish-checkbox-radio input[type="radio"]:focus {
outline: none;
}
.stylish-checkbox-radio input[type="checkbox"]:focus-visible,
.stylish-checkbox-radio input[type="radio"]:focus-visible {
outline: 2px solid var(--wcapf-primary-color);
outline-offset: 2px;
}
.stylish-checkbox-radio input[type="radio"] {
border-radius: 50%;
}
.stylish-checkbox-radio input[type="checkbox"]:disabled,
.stylish-checkbox-radio input[type="radio"]:disabled {
background: var(--wcapf-stylish-checkbox-radio-disabled-bg-color);
}
.stylish-checkbox-radio input[type="checkbox"]:checked {
background-color: var(--wcapf-stylish-checkbox-radio-primary-color);
border-color: var(--wcapf-stylish-checkbox-radio-primary-color);
}
.stylish-checkbox-radio input[type="checkbox"]:checked::before {
content: '';
left: 50%;
top: calc(50% - 2px);
transform: translate(-50%, -50%) rotate(45deg);
width: var(--wcapf-stylish-checkbox-checked-width);
height: var(--wcapf-stylish-checkbox-checked-height);
border-style: solid;
border-color: var(--wcapf-stylish-checkbox-radio-primary-text-color);
border-width: 0 2px 2px 0;
position: absolute;
}
.stylish-checkbox-radio input[type="radio"]:checked {
background-color: var(--wcapf-stylish-checkbox-radio-primary-color);
border-color: var(--wcapf-stylish-checkbox-radio-primary-color);
}
.stylish-checkbox-radio input[type="radio"]:checked::before {
content: '';
width: var(--wcapf-stylish-radio-checked-size);
height: var(--wcapf-stylish-radio-checked-size);
background-color: var(--wcapf-stylish-checkbox-radio-primary-text-color);
border-radius: 10px;
left: 50%;
top: 50%;
position: absolute;
transform: translate(-50%, -50%);
}
.stylish-checkbox-radio .current-tax-item input[type="checkbox"]:checked {
background-color: var(--wcapf-stylish-checkbox-radio-disabled-bg-color);
border-color: var(--wcapf-stylish-checkbox-radio-border-color);
}
.stylish-checkbox-radio .current-tax-item input[type="checkbox"]:checked::before {
border-color: var(--wcapf-stylish-checkbox-radio-disabled-text-color);
}
.stylish-checkbox-radio .current-tax-item input[type="radio"]:checked {
background-color: var(--wcapf-stylish-checkbox-radio-disabled-bg-color);
border-color: var(--wcapf-stylish-checkbox-radio-border-color);
}
.stylish-checkbox-radio .current-tax-item input[type="radio"]:checked::before {
background-color: var(--wcapf-stylish-checkbox-radio-disabled-text-color);
}
.wcapf-filter .wcapf-list-wrapper.display-type-label .wcapf-filter-item label {
display: flex;
position: relative;
}
.wcapf-filter .wcapf-list-wrapper.display-type-label .wcapf-filter-item .wcapf-filter-item-label {
background-color: var(--wcapf-labeled-nav-bg-color);
border: var(--wcapf-labeled-nav-border-size) solid var(--wcapf-labeled-nav-border-color);
border-radius: var(--wcapf-labeled-nav-border-radius);
padding: var(--wcapf-labeled-nav-vr-padding) var(--wcapf-labeled-nav-hr-padding);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.wcapf-filter .wcapf-list-wrapper.display-type-label .wcapf-filter-item input[type="checkbox"],
.wcapf-filter .wcapf-list-wrapper.display-type-label .wcapf-filter-item input[type="radio"] {
font-size: 0;
height: 0;
opacity: 0;
position: absolute;
width: 0;
}
.wcapf-filter .wcapf-list-wrapper.display-type-label .wcapf-filter-item input[type="checkbox"]:focus-visible ~ .wcapf-filter-item-label,
.wcapf-filter .wcapf-list-wrapper.display-type-label .wcapf-filter-item input[type="radio"]:focus-visible ~ .wcapf-filter-item-label {
outline: 2px solid var(--wcapf-primary-color);
outline-offset: 2px;
}
.wcapf-filter .wcapf-list-wrapper.display-type-label .wcapf-filter-item input[type="checkbox"][disabled] ~ .wcapf-filter-item-label,
.wcapf-filter .wcapf-list-wrapper.display-type-label .wcapf-filter-item input[type="radio"][disabled] ~ .wcapf-filter-item-label {
background-color: var(--wcapf-labeled-nav-disabled-bg-color);
}
.wcapf-filter .wcapf-list-wrapper.display-type-label .wcapf-filter-item.empty-item label {
cursor: var(--wcapf-empty-item-cursor);
opacity: var(--wcapf-empty-item-opacity);
}
.wcapf-filter .wcapf-list-wrapper.display-type-label .wcapf-filter-item.current-tax-item label, .wcapf-filter .wcapf-list-wrapper.display-type-label .wcapf-filter-item.active-as-ancestor label {
cursor: var(--wcapf-current-tax-item-cursor);
}
.wcapf-filter .wcapf-list-wrapper.display-type-label .wcapf-filter-item.current-tax-item input[type="checkbox"]:checked ~ .wcapf-filter-item-label,
.wcapf-filter .wcapf-list-wrapper.display-type-label .wcapf-filter-item.current-tax-item input[type="radio"]:checked ~ .wcapf-filter-item-label {
background-color: var(--wcapf-label-active-as-archive-bg-color);
border-color: var(--wcapf-labeled-nav-border-color);
color: inherit;
}
.wcapf-filter .wcapf-list-wrapper.display-type-label .wcapf-filter-item.active-as-ancestor input[type="checkbox"] ~ .wcapf-filter-item-label,
.wcapf-filter .wcapf-list-wrapper.display-type-label .wcapf-filter-item.active-as-ancestor input[type="radio"] ~ .wcapf-filter-item-label {
background-color: var(--wcapf-label-active-as-ancestor-bg-color);
}
.wcapf-filter .wcapf-list-wrapper.display-type-label.default-primary-style .wcapf-filter-item:not(.current-tax-item).item-active .wcapf-filter-item-label {
background-color: var(--wcapf-primary-color);
border-color: var(--wcapf-primary-color);
color: var(--wcapf-primary-text-color);
}
.wcapf-pretty-text-inputs .wcapf-range-wrapper input[type="number"],
.wcapf-pretty-text-inputs .wcapf-range-wrapper input[type="text"] {
background-color: var(--wcapf-input-text-bg-color);
border: 1px solid var(--wcapf-input-text-border-color);
border-radius: var(--wcapf-input-text-border-radius);
box-shadow: none;
font-size: var(--wcapf-input-text-font-size);
height: auto;
line-height: inherit;
margin: 0;
max-width: unset;
min-height: auto;
outline: none;
padding: var(--wcapf-input-text-vr-padding) var(--wcapf-input-text-hr-padding);
width: 100%;
}
.wcapf-pretty-text-inputs .wcapf-range-wrapper input[type="number"]:focus,
.wcapf-pretty-text-inputs .wcapf-range-wrapper input[type="text"]:focus {
box-shadow: none;
outline: none;
background-color: var(--wcapf-input-text-bg-color);
}
.wcapf-pretty-text-inputs .wcapf-search-box input[type="text"] {
background-color: var(--wcapf-input-text-bg-color);
border: 1px solid var(--wcapf-input-text-border-color);
border-radius: var(--wcapf-input-text-border-radius);
box-shadow: none;
font-size: var(--wcapf-input-text-font-size);
height: auto;
line-height: inherit;
margin: 0;
max-width: unset;
min-height: auto;
outline: none;
padding: var(--wcapf-input-text-vr-padding) var(--wcapf-input-text-hr-padding);
width: 100%;
}
.wcapf-pretty-text-inputs .wcapf-search-box input[type="text"]:focus {
box-shadow: none;
outline: none;
background-color: var(--wcapf-input-text-bg-color);
}
.wcapf-pretty-text-inputs .date-input-wrapper .date-input {
background-color: var(--wcapf-input-text-bg-color);
border: 1px solid var(--wcapf-input-text-border-color);
border-radius: var(--wcapf-input-text-border-radius);
box-shadow: none;
font-size: var(--wcapf-input-text-font-size);
height: auto;
line-height: inherit;
margin: 0;
max-width: unset;
min-height: auto;
outline: none;
padding: var(--wcapf-input-text-vr-padding) var(--wcapf-input-text-hr-padding);
width: 100%;
}
.wcapf-pretty-text-inputs .date-input-wrapper .date-input:focus {
box-shadow: none;
outline: none;
background-color: var(--wcapf-input-text-bg-color);
}
.wcapf-range-wrapper:not(.wcapf-range-spinbox) .range-values > span {
align-items: center;
display: inline-flex;
white-space: nowrap;
}
.wcapf-range-wrapper.wcapf-range-spinbox .range-values .wcapf-range-start,
.wcapf-range-wrapper.wcapf-range-spinbox .range-values .wcapf-range-end {
flex: 1;
}
.wcapf-range-wrapper.wcapf-range-spinbox .range-values .wcapf-range-separator {
align-items: center;
display: inline-flex;
white-space: nowrap;
}
.wcapf-range-wrapper input[type="number"],
.wcapf-range-wrapper input[type="text"] {
width: 100%;
}
.wcapf-range-wrapper .justify-center {
display: flex;
justify-content: center;
}
.wcapf-range-wrapper .justify-between {
align-items: center;
display: flex;
gap: 0.625em;
justify-content: space-between;
}
.wcapf-range-wrapper .justify-between.display-values-as-plain_text .wcapf-range-separator {
display: none;
}
.wcapf-range-wrapper .display-values-as-input_field .wcapf-range-start,
.wcapf-range-wrapper .display-values-as-input_field .wcapf-range-end {
position: relative;
}
.wcapf-range-wrapper .display-values-as-input_field .wcapf-range-unit {
position: absolute;
}
body:not(.rtl) .wcapf-range-wrapper .display-values-as-input_field.unit-position-left input[type="text"],
body:not(.rtl) .wcapf-range-wrapper .display-values-as-input_field.unit-position-left input[type="number"] {
text-align: right;
padding-left: var(--wcapf-range-filter-unit-size);
padding-right: calc(var(--wcapf-input-text-hr-padding) * 1.2);
}
body:not(.rtl) .wcapf-range-wrapper .display-values-as-input_field.unit-position-left .wcapf-range-unit {
left: .75em;
}
body.rtl .wcapf-range-wrapper .display-values-as-input_field.unit-position-left input[type="text"],
body.rtl .wcapf-range-wrapper .display-values-as-input_field.unit-position-left input[type="number"] {
text-align: left;
padding-right: var(--wcapf-range-filter-unit-size);
padding-left: calc(var(--wcapf-input-text-hr-padding) * 1.2);
}
body.rtl .wcapf-range-wrapper .display-values-as-input_field.unit-position-left .wcapf-range-unit {
right: .75em;
}
body:not(.rtl) .wcapf-range-wrapper .display-values-as-input_field.unit-position-right input[type="text"],
body:not(.rtl) .wcapf-range-wrapper .display-values-as-input_field.unit-position-right input[type="number"] {
text-align: left;
padding-right: var(--wcapf-range-filter-unit-size);
padding-left: calc(var(--wcapf-input-text-hr-padding) * 1.2);
}
body:not(.rtl) .wcapf-range-wrapper .display-values-as-input_field.unit-position-right .wcapf-range-unit {
right: .75em;
}
body.rtl .wcapf-range-wrapper .display-values-as-input_field.unit-position-right input[type="text"],
body.rtl .wcapf-range-wrapper .display-values-as-input_field.unit-position-right input[type="number"] {
text-align: right;
padding-left: var(--wcapf-range-filter-unit-size);
padding-right: calc(var(--wcapf-input-text-hr-padding) * 1.2);
}
body.rtl .wcapf-range-wrapper .display-values-as-input_field.unit-position-right .wcapf-range-unit {
left: .75em;
}
.wcapf-range-slider {
padding-bottom: var(--wcapf-range-slider-bottom-padding);
}
.wcapf-range-slider .display-values-as-input_field {
margin-bottom: var(--wcapf-nouislider-input-field-margin-bottom);
}
.wcapf-range-slider .display-values-as-plain_text {
margin-bottom: var(--wcapf-nouislider-plain-text-margin-bottom);
}
.wcapf-range-slider {
--wcapf-nouislider-target-bg-color: #e1e1e1;
--wcapf-nouislider-target-border-radius: 5px;
--wcapf-nouislider-connects-border-radius: 5px;
--wcapf-nouislider-handle-border-radius: 50%;
}
.wcapf-range-slider .wcapf-noui-handle {
outline: none;
}
.wcapf-range-slider.style-1 {
--handle-size: 1.5em;
--wcapf-nouislider-target-size: 0.25em;
--wcapf-nouislider-target-bg-color: #eef0f7;
--wcapf-nouislider-target-border-radius: 0;
--wcapf-nouislider-connect-bg-color: var(--wcapf-primary-color);
--wcapf-nouislider-handle-border-radius: 50%;
--wcapf-nouislider-handle-bg-color: #fff;
--wcapf-nouislider-handle-hr-size: var(--handle-size);
--wcapf-nouislider-handle-vr-size: var(--handle-size);
}
.wcapf-range-slider.style-1 .wcapf-noui-slider .wcapf-noui-handle {
border: 1px solid #dee1e9;
box-shadow: rgba(17, 17, 26, 0.1) 0 1px 0;
}
.wcapf-range-slider.style-1 .wcapf-noui-slider:not([disabled]) .wcapf-noui-handle:focus-visible {
outline: 0.1875em solid var(--wcapf-primary-color);
outline-offset: -0.1875em;
}
.wcapf-range-slider.style-2 {
--handle-size: 1.3125em;
--wcapf-nouislider-target-size: 0.1875em;
--wcapf-nouislider-connect-bg-color: var(--wcapf-primary-color);
--wcapf-nouislider-handle-border-radius: 50%;
--wcapf-nouislider-handle-bg-color: #fff;
--wcapf-nouislider-handle-hr-size: var(--handle-size);
--wcapf-nouislider-handle-vr-size: var(--handle-size);
}
.wcapf-range-slider.style-2 .wcapf-noui-slider .wcapf-noui-handle {
border: 0.125em solid var(--wcapf-primary-color);
}
.wcapf-range-slider.style-2 .wcapf-noui-slider:not([disabled]) .wcapf-noui-handle:focus-visible {
box-shadow: 0 0 0 0.5em rgba(var(--wcapf-primary-color-rgb), 0.1);
}
.wcapf-range-slider.style-3 {
--handle-size: 1.375em;
--wcapf-nouislider-target-size: 0.375em;
--wcapf-nouislider-connect-bg-color: var(--wcapf-primary-color);
--wcapf-nouislider-handle-bg-color: #fff;
--wcapf-nouislider-handle-hr-size: var(--handle-size);
--wcapf-nouislider-handle-vr-size: var(--handle-size);
}
.wcapf-range-slider.style-3 .wcapf-noui-slider .wcapf-noui-handle {
box-shadow: 0 1px 4px 0.5px rgba(0, 0, 0, 0.3);
}
.wcapf-range-slider.style-3 .wcapf-noui-slider:not([disabled]) .wcapf-noui-handle:focus-visible {
outline: 0.1875em solid var(--wcapf-primary-color);
outline-offset: -0.1875em;
}
.wcapf-range-slider.style-4 {
--handle-size: 1.75em;
--wcapf-nouislider-target-size: 0.875em;
--wcapf-nouislider-connect-bg-color: var(--wcapf-primary-color);
--wcapf-nouislider-handle-bg-color: #fff;
--wcapf-nouislider-handle-hr-size: var(--handle-size);
--wcapf-nouislider-handle-vr-size: var(--handle-size);
}
.wcapf-range-slider.style-4 .wcapf-noui-slider .wcapf-noui-handle {
box-shadow: 0 1px 4px 0.5px rgba(0, 0, 0, 0.3);
}
.wcapf-range-slider.style-4 .wcapf-noui-slider:not([disabled]) .wcapf-noui-handle:focus-visible {
outline: 0.1875em solid var(--wcapf-primary-color);
outline-offset: -0.1875em;
}
.wcapf-range-slider.style-5 {
--handle-size: 1.125em;
--wcapf-nouislider-target-size: 0.25em;
--wcapf-nouislider-connect-bg-color: var(--wcapf-primary-color);
--wcapf-nouislider-handle-bg-color: var(--wcapf-primary-color);
--wcapf-nouislider-handle-hr-size: var(--handle-size);
--wcapf-nouislider-handle-vr-size: var(--handle-size);
}
.wcapf-range-slider.style-5 .wcapf-noui-slider:not([disabled]) .wcapf-noui-handle:focus-visible {
box-shadow: 0 0 0 0.5em rgba(var(--wcapf-primary-color-rgb), 0.1);
}
.wcapf-range-slider.style-6 {
--handle-size: 1.625em;
--wcapf-nouislider-target-bg-color: rgba(var(--wcapf-primary-color-rgb), 0.1);
--wcapf-nouislider-target-size: 0.625em;
--wcapf-nouislider-connect-bg-color: rgba(var(--wcapf-primary-color-rgb), .8);
--wcapf-nouislider-handle-bg-color: var(--wcapf-primary-color);
--wcapf-nouislider-handle-hr-size: var(--handle-size);
--wcapf-nouislider-handle-vr-size: var(--handle-size);
}
.wcapf-range-slider.style-6 .wcapf-noui-slider:not([disabled]) .wcapf-noui-handle:focus-visible {
box-shadow: 0 0 0 0.5em rgba(var(--wcapf-primary-color-rgb), 0.1);
}
.wcapf-range-slider.style-7 {
--handle-size: 1.5em;
--wcapf-nouislider-target-size: 0.5em;
--wcapf-nouislider-connect-bg-color: var(--wcapf-primary-color);
--wcapf-nouislider-handle-border-radius: 50%;
--wcapf-nouislider-handle-bg-color: var(--wcapf-primary-color);
--wcapf-nouislider-handle-hr-size: var(--handle-size);
--wcapf-nouislider-handle-vr-size: var(--handle-size);
}
.wcapf-range-slider.style-7 .wcapf-noui-slider:not([disabled]) .wcapf-noui-handle:focus-visible {
box-shadow: 0 0 0 0.5em rgba(var(--wcapf-primary-color-rgb), 0.1);
}
.wcapf-range-slider.style-8 {
--handle-size: 1.125em;
--wcapf-nouislider-target-size: 0.3125em;
--wcapf-nouislider-connect-bg-color: var(--wcapf-primary-color);
--wcapf-nouislider-handle-border-radius: 50%;
--wcapf-nouislider-handle-bg-color: var(--wcapf-primary-color);
--wcapf-nouislider-handle-hr-size: var(--handle-size);
--wcapf-nouislider-handle-vr-size: var(--handle-size);
}
.wcapf-range-slider.style-8 .wcapf-noui-slider:not([disabled]) .wcapf-noui-handle:focus-visible {
box-shadow: 0 0 0 0.5em rgba(var(--wcapf-primary-color-rgb), 0.1);
}
.wcapf-range-slider.style-9 {
--handle-size: 1.5em;
--wcapf-nouislider-target-size: 0.375em;
--wcapf-nouislider-connect-bg-color: var(--wcapf-primary-color);
--wcapf-nouislider-handle-bg-color: #fff;
--wcapf-nouislider-handle-hr-size: var(--handle-size);
--wcapf-nouislider-handle-vr-size: var(--handle-size);
}
.wcapf-range-slider.style-9 .wcapf-noui-slider .wcapf-noui-handle {
border: 0.375em solid var(--wcapf-primary-color);
}
.wcapf-range-slider.style-9 .wcapf-noui-slider:not([disabled]) .wcapf-noui-handle:focus-visible {
box-shadow: 0 0 0 0.5em rgba(var(--wcapf-primary-color-rgb), 0.1);
}
.wcapf-range-slider.style-10 {
--target-border-radius: 0;
--handle-size: 1.75em;
--wcapf-nouislider-target-size: 0.25em;
--wcapf-nouislider-target-border-radius: 0;
--wcapf-nouislider-connects-border-radius: 0;
--wcapf-nouislider-connect-bg-color: var(--wcapf-primary-color);
--wcapf-nouislider-handle-bg-color: #fff;
--wcapf-nouislider-handle-hr-size: var(--handle-size);
--wcapf-nouislider-handle-vr-size: var(--handle-size);
}
.wcapf-range-slider.style-10 .wcapf-noui-slider .wcapf-noui-handle {
box-shadow: 0 1px 4px 0.5px rgba(0, 0, 0, 0.3);
}
.wcapf-range-slider.style-10 .wcapf-noui-slider:not([disabled]) .wcapf-noui-handle:focus-visible {
outline: 0.1875em solid var(--wcapf-primary-color);
outline-offset: -0.1875em;
}
.wcapf-range-slider.style-11 {
--handle-size: 1.5em;
--wcapf-nouislider-target-size: 0.5em;
--wcapf-nouislider-target-border-radius: 0;
--wcapf-nouislider-connects-border-radius: 0;
--wcapf-nouislider-connect-bg-color: var(--wcapf-primary-color);
--wcapf-nouislider-handle-border-radius: 0;
--wcapf-nouislider-handle-bg-color: var(--wcapf-primary-color);
--wcapf-nouislider-handle-hr-size: var(--handle-size);
--wcapf-nouislider-handle-vr-size: var(--handle-size);
}
.wcapf-range-slider.style-11 .wcapf-noui-slider:not([disabled]) .wcapf-noui-handle:focus-visible {
box-shadow: 0 0 0 0.5em rgba(var(--wcapf-primary-color-rgb), 0.1);
}
:root {
--wcapf-chevrons-icon: url('data:image/svg+xml;data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NiIgaGVpZ2h0PSI1NiIgdmlld0JveD0iMCAwIDU2IDU2Ij48cGF0aCBmaWxsPSIjNTU1IiBkPSJNIDI4IDcuMjU3OCBDIDI3LjQ4NDQgNy4yNTc4IDI2Ljk2ODggNy40Njg3IDI2LjQwNjMgNy45Mzc1IEwgMTAuNjA5NCAyMC43NTc4IEMgMTAuMjExMCAyMS4xMDk0IDkuOTc2NiAyMS42MDE2IDkuOTc2NiAyMi4zMDQ3IEMgOS45NzY2IDIzLjUyMzQgMTAuODkwNiAyNC40Mzc1IDEyLjEzMjggMjQuNDM3NSBDIDEyLjYyNTAgMjQuNDM3NSAxMy4xNDA2IDI0LjI1MDAgMTMuNjc5NyAyMy44MjgxIEwgMjggMTIuMTU2MiBMIDQyLjMyMDMgMjMuODI4MSBDIDQyLjg1OTQgMjQuMjUwMCA0My4zNzUwIDI0LjQzNzUgNDMuODkwNiAyNC40Mzc1IEMgNDUuMTA5NCAyNC40Mzc1IDQ2LjAyMzQgMjMuNTIzNCA0Ni4wMjM0IDIyLjMwNDcgQyA0Ni4wMjM0IDIxLjYwMTYgNDUuNzg5MCAyMS4xMDk0IDQ1LjM5MDYgMjAuNzU3OCBMIDI5LjU5MzcgNy45MTQwIEMgMjkuMDMxMiA3LjQ2ODcgMjguNTM5MCA3LjI1NzggMjggNy4yNTc4IFogTSAyOCA0OC43NDIyIEMgMjguNTM5MCA0OC43NDIyIDI5LjAzMTIgNDguNTMxMiAyOS41OTM3IDQ4LjA4NTkgTCA0NS4zOTA2IDM1LjI0MjIgQyA0NS43ODkwIDM0Ljg5MDYgNDYuMDIzNCAzNC4zOTg0IDQ2LjAyMzQgMzMuNjk1MyBDIDQ2LjAyMzQgMzIuNDc2NSA0NS4xMDk0IDMxLjUzOTEgNDMuODkwNiAzMS41MzkxIEMgNDMuMzc1MCAzMS41MzkxIDQyLjg1OTQgMzEuNzUwMCA0Mi4zMjAzIDMyLjE3MTggTCAyOCA0My44NDM3IEwgMTMuNjc5NyAzMi4xNzE4IEMgMTMuMTQwNiAzMS43NTAwIDEyLjYyNTAgMzEuNTM5MSAxMi4xMzI4IDMxLjUzOTEgQyAxMC44OTA2IDMxLjUzOTEgOS45NzY2IDMyLjQ3NjUgOS45NzY2IDMzLjY5NTMgQyA5Ljk3NjYgMzQuMzk4NCAxMC4yMTEwIDM0Ljg5MDYgMTAuNjA5NCAzNS4yNDIyIEwgMjYuNDA2MyA0OC4wNjI1IEMgMjYuOTY4OCA0OC41MzEyIDI3LjQ4NDQgNDguNzQyMiAyOCA0OC43NDIyIFoiLz48L3N2Zz4=');
--wcapf-search-icon: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NiIgaGVpZ2h0PSI1NiIgdmlld0JveD0iMCAwIDU2IDU2Ij48cGF0aCBmaWxsPSIjNTU1IiBkPSJNIDIzLjk1NzAgNDEuNzY5NSBDIDI3Ljg0NzYgNDEuNzY5NSAzMS40ODA0IDQwLjUwMzkgMzQuNDMzNiAzOC4zOTQ1IEwgNDUuNTQyOSA0OS41MDM5IEMgNDYuMDU4NSA1MC4wMTk1IDQ2LjczODIgNTAuMjc3NCA0Ny40NDE0IDUwLjI3NzQgQyA0OC45NjQ4IDUwLjI3NzQgNTAuMDY2NCA0OS4xMDU1IDUwLjA2NjQgNDcuNjA1NSBDIDUwLjA2NjQgNDYuOTAyMyA0OS44MzIyIDQ2LjI0NjEgNDkuMzE2MiA0NS43MzA1IEwgMzguMjc3MyAzNC42Njc5IEMgNDAuNTk3NiAzMS42MjExIDQxLjk4MDQgMjcuODQ3NiA0MS45ODA0IDIzLjc0NjEgQyA0MS45ODA0IDEzLjgzMjAgMzMuODcxMCA1LjcyMjYgMjMuOTU3MCA1LjcyMjYgQyAxNC4wMTk1IDUuNzIyNiA1LjkzMzYgMTMuODMyMCA1LjkzMzYgMjMuNzQ2MSBDIDUuOTMzNiAzMy42NjAxIDE0LjAxOTUgNDEuNzY5NSAyMy45NTcwIDQxLjc2OTUgWiBNIDIzLjk1NzAgMzcuODc4OSBDIDE2LjE5OTIgMzcuODc4OSA5LjgyNDIgMzEuNDgwNSA5LjgyNDIgMjMuNzQ2MSBDIDkuODI0MiAxNi4wMTE3IDE2LjE5OTIgOS42MTMzIDIzLjk1NzAgOS42MTMzIEMgMzEuNjkxNCA5LjYxMzMgMzguMDg5OCAxNi4wMTE3IDM4LjA4OTggMjMuNzQ2MSBDIDM4LjA4OTggMzEuNDgwNSAzMS42OTE0IDM3Ljg3ODkgMjMuOTU3MCAzNy44Nzg5IFoiLz48L3N2Zz4=');
}
.wcapf-dropdown-wrapper .wcapf-select-improved {
--wcapf-select-improved-hr-padding: .625em;
--wcapf-select-improved-vr-padding: .375em;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: 0;
box-shadow: none;
font-size: 1em;
color: inherit;
cursor: pointer;
text-overflow: unset;
text-indent: unset;
padding: var(--wcapf-select-improved-vr-padding) var(--wcapf-select-improved-hr-padding);
line-height: inherit;
height: unset;
min-height: unset;
max-width: unset;
background-color: #fff;
background-image: none;
border: 1px solid var(--wcapf-dropdown-border-color);
border-radius: var(--wcapf-dropdown-border-radius);
}
.wcapf-dropdown-wrapper .wcapf-select-improved:not(.wcapf-select-multiple) {
background-image: var(--wcapf-chevrons-icon);
background-repeat: no-repeat;
background-size: 0.9375em;
}
body:not(.rtl) .wcapf-dropdown-wrapper .wcapf-select-improved:not(.wcapf-select-multiple) {
background-position: right 0.3125em top 50%;
padding-right: 1.625em;
}
body.rtl .wcapf-dropdown-wrapper .wcapf-select-improved:not(.wcapf-select-multiple) {
background-position: left 0.3125em top 50%;
padding-left: 1.625em;
}
.wcapf-dropdown-wrapper .wcapf-select-improved ::-ms-expand {
display: none;
}
.wcapf-dropdown-wrapper .wcapf-select-improved option {
padding: var(--wcapf-select-improved-vr-padding) var(--wcapf-select-improved-hr-padding);
}
.wcapf-dropdown-wrapper .wcapf-select-improved option.empty-item {
cursor: var(--wcapf-empty-item-cursor);
opacity: var(--wcapf-empty-item-opacity);
}
.wcapf-dropdown-wrapper .wcapf-select-improved option.current-tax-item, .wcapf-dropdown-wrapper .wcapf-select-improved option.active-as-ancestor {
cursor: var(--wcapf-current-tax-item-cursor);
}
.wcapf-dropdown-wrapper .wcapf-select-improved:focus {
outline: none;
}
.wcapf-dropdown-wrapper select {
width: 100%;
}
.wcapf-dropdown-wrapper .wcapf-chosen-container {
width: 100% !important;
}
body:not(.rtl) .wcapf-dropdown-wrapper .wcapf-chosen-container .chosen-results li.depth-2 {
padding-left: calc(calc(var(--wcapf-chosen-dropdown-item-hr-padding) + .875em) * 1);
}
body.rtl .wcapf-dropdown-wrapper .wcapf-chosen-container .chosen-results li.depth-2 {
padding-right: calc(calc(var(--wcapf-chosen-dropdown-item-hr-padding) + .875em) * 1);
}
body:not(.rtl) .wcapf-dropdown-wrapper .wcapf-chosen-container .chosen-results li.depth-3 {
padding-left: calc(calc(var(--wcapf-chosen-dropdown-item-hr-padding) + .875em) * 2);
}
body.rtl .wcapf-dropdown-wrapper .wcapf-chosen-container .chosen-results li.depth-3 {
padding-right: calc(calc(var(--wcapf-chosen-dropdown-item-hr-padding) + .875em) * 2);
}
body:not(.rtl) .wcapf-dropdown-wrapper .wcapf-chosen-container .chosen-results li.depth-4 {
padding-left: calc(calc(var(--wcapf-chosen-dropdown-item-hr-padding) + .875em) * 3);
}
body.rtl .wcapf-dropdown-wrapper .wcapf-chosen-container .chosen-results li.depth-4 {
padding-right: calc(calc(var(--wcapf-chosen-dropdown-item-hr-padding) + .875em) * 3);
}
body:not(.rtl) .wcapf-dropdown-wrapper .wcapf-chosen-container .chosen-results li.depth-5 {
padding-left: calc(calc(var(--wcapf-chosen-dropdown-item-hr-padding) + .875em) * 4);
}
body.rtl .wcapf-dropdown-wrapper .wcapf-chosen-container .chosen-results li.depth-5 {
padding-right: calc(calc(var(--wcapf-chosen-dropdown-item-hr-padding) + .875em) * 4);
}
.wcapf-dropdown-wrapper .wcapf-chosen-container.chosen-container .chosen-results li.empty-item {
cursor: var(--wcapf-empty-item-cursor);
opacity: var(--wcapf-empty-item-opacity);
}
.wcapf-dropdown-wrapper .wcapf-chosen-container.chosen-container .chosen-results li.current-tax-item,
.wcapf-dropdown-wrapper .wcapf-chosen-container.chosen-container .chosen-results li.active-as-ancestor {
opacity: 1;
color: var(--wcapf-primary-color);
}
.wcapf-dropdown-wrapper .wcapf-chosen-container.chosen-container .chosen-results li .wcapf-count {
opacity: var(--wcapf-filter-count-opacity);
}
.wcapf-dropdown-wrapper .wcapf-chosen-container.chosen-container-multi .chosen-choices li.search-choice.empty-item {
cursor: var(--wcapf-empty-item-cursor);
opacity: var(--wcapf-empty-item-opacity);
}
.wcapf-dropdown-wrapper .wcapf-chosen-container.chosen-container-multi .chosen-choices li.search-choice.empty-item .search-choice-close:not(:hover) {
color: rgba(var(--wcapf-primary-text-color-rgb, 255, 255, 255), var(--wcapf-filter-count-opacity));
}
.wcapf-dropdown-wrapper .wcapf-chosen-container .chosen-single-inner .wcapf-count-0 {
opacity: var(--wcapf-filter-count-opacity);
}
.wcapf-dropdown-wrapper .wcapf-chosen-container .chosen-single-inner .wcapf-count,
.wcapf-dropdown-wrapper .wcapf-chosen-container .chosen-choice-inner .wcapf-count {
opacity: var(--wcapf-filter-count-opacity);
}
.wcapf-filter.search-active .wcapf-search-box.with-cross .wcapf-search-icon > svg {
display: none;
}
.wcapf-filter:not(.search-active) .wcapf-search-box.with-cross .wcapf-clear-state {
display: none;
}
.wcapf-filter .wcapf-search-box:not(.with-cross) .wcapf-clear-state {
display: none;
}
.wcapf-filter .wcapf-search-box {
margin-bottom: var(--wcapf-search-box-margin-bottom);
}
.wcapf-filter .wcapf-search-box input[type="text"] {
width: 100%;
}
.wcapf-filter .wcapf-search-box .wcapf-clear-state {
background: none;
box-shadow: none;
border: none;
color: inherit;
font-size: inherit;
font-weight: inherit;
margin: 0;
padding: 0;
transition: none;
line-height: inherit;
height: auto;
min-height: unset;
min-width: unset;
text-align: inherit;
text-decoration: none;
text-transform: none;
cursor: pointer;
letter-spacing: normal;
outline: none;
align-items: center;
border-radius: 2px;
display: inline-flex;
height: 100%;
justify-content: center;
width: 100%;
}
.wcapf-filter .wcapf-search-box .wcapf-clear-state:hover, .wcapf-filter .wcapf-search-box .wcapf-clear-state:focus {
background: none;
border: none;
box-shadow: none;
color: inherit;
outline: none;
transition: none;
}
.wcapf-filter .wcapf-search-box .wcapf-clear-state:focus-visible {
outline: 2px solid var(--wcapf-primary-color);
outline-offset: 2px;
}
.wcapf-filter .wcapf-search-box .wcapf-clear-state:focus-visible {
background: transparent;
color: var(--wcapf-primary-color);
outline: solid var(--wcapf-primary-color);
outline-offset: 0;
outline-width: 2px;
}
.wcapf-filter .wcapf-search-box.with-icon {
position: relative;
}
.wcapf-filter .wcapf-search-box.with-icon .wcapf-search-icon {
align-items: center;
bottom: 0;
color: #777;
display: inline-flex;
justify-content: center;
padding: .4em;
position: absolute;
top: 0;
width: 2.4em;
}
.wcapf-filter .wcapf-search-box.with-icon .wcapf-search-icon svg {
height: 1em;
width: 1em;
}
body:not(.rtl) .wcapf-filter .wcapf-search-box.with-icon.icon-left .wcapf-search-icon {
left: 0;
}
body:not(.rtl) .wcapf-filter .wcapf-search-box.with-icon.icon-left input[type="text"] {
padding-left: 2.4em;
}
body.rtl .wcapf-filter .wcapf-search-box.with-icon.icon-left .wcapf-search-icon {
right: 0;
}
body.rtl .wcapf-filter .wcapf-search-box.with-icon.icon-left input[type="text"] {
padding-right: 2.4em;
}
body:not(.rtl) .wcapf-filter .wcapf-search-box.with-icon.icon-right .wcapf-search-icon {
right: 0;
}
body:not(.rtl) .wcapf-filter .wcapf-search-box.with-icon.icon-right input[type="text"] {
padding-right: 2.4em;
}
body.rtl .wcapf-filter .wcapf-search-box.with-icon.icon-right .wcapf-search-icon {
left: 0;
}
body.rtl .wcapf-filter .wcapf-search-box.with-icon.icon-right input[type="text"] {
padding-left: 2.4em;
}
.wcapf-filter.search-active .wcapf-list-wrapper .wcapf-filter-options .wcapf-filter-option:not(.keyword-matched) {
display: none;
}
.wcapf-filter .wcapf-no-results-text span {
text-decoration: underline;
}
.wcapf-filter .wcapf-list-wrapper:not(.show-hidden-options) li.wcapf-filter-option.wcapf-filter-option-hidden {
display: none;
}
.wcapf-filter .wcapf-soft-limit-wrapper {
margin-top: var(--wcapf-soft-limit-wrapper-margin-top);
}
.wcapf-filter .wcapf-soft-limit-trigger {
border-radius: 0.125em;
color: var(--wcapf-primary-color);
cursor: pointer;
display: inline-block;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.wcapf-filter .wcapf-soft-limit-trigger[aria-pressed="true"] .wcapf-show-more {
display: none;
}
.wcapf-filter .wcapf-soft-limit-trigger[aria-pressed="false"] .wcapf-show-less {
display: none;
}
.wcapf-filter .wcapf-soft-limit-trigger:focus {
outline: none;
}
.wcapf-filter .wcapf-soft-limit-trigger:focus-visible {
outline: 2px solid var(--wcapf-primary-color);
outline-offset: 2px;
}
.wcapf-enable-scrollbar {
overflow-y: auto;
}
.wcapf-pretty-scroll .wcapf-enable-scrollbar {
--wcapf-scrollbar-width: 0.375em;
--wcapf-scrollbar-border-radius: 0.125em;
--wcapf-scrollbar-track-bg-color: #e7e8ea;
--wcapf-scrollbar-thumb-bg-color: #b1b4b7;
--wcapf-scrollbar-thumb-hover-bg-color: #a0a0a0;    }
.wcapf-pretty-scroll .wcapf-enable-scrollbar::-webkit-scrollbar {
width: var(--wcapf-scrollbar-width);
}
.wcapf-pretty-scroll .wcapf-enable-scrollbar::-webkit-scrollbar-track {
background: var(--wcapf-scrollbar-track-bg-color);
border-radius: var(--wcapf-scrollbar-border-radius);
}
.wcapf-pretty-scroll .wcapf-enable-scrollbar::-webkit-scrollbar-thumb {
background: var(--wcapf-scrollbar-thumb-bg-color);
border-radius: var(--wcapf-scrollbar-border-radius);
}
.wcapf-pretty-scroll .wcapf-enable-scrollbar::-webkit-scrollbar-thumb:hover {
background: var(--wcapf-scrollbar-thumb-hover-bg-color);
}
.wcapf-loader {
align-items: center;
background-color: rgba(255, 255, 255, 0.8);
display: flex;
height: 100%;
justify-content: center;
left: 0;
opacity: 0;
position: fixed;
top: 0;
transition: opacity .4s, visibility .2s;
visibility: hidden;
width: 100%;
z-index: 2147483647;
}
.wcapf-loader *,
.wcapf-loader ::before,
.wcapf-loader ::after {
box-sizing: border-box;
}
.wcapf-loader.is-active {
opacity: 1;
visibility: visible;
}
.wcapf-use-wait-cursor .wcapf-loader.is-active {
cursor: wait;
}
.wcapf-loader svg {
height: 100%;
width: 100%;
}
.wcapf-loader .Dual-Ring circle {
stroke: var(--wcapf-primary-color);
}
.wcapf-loader .Eclipse path {
fill: var(--wcapf-primary-color);
}
.wcapf-loader .Gear path {
fill: var(--wcapf-primary-color);
}
.wcapf-loader .Reload path:nth-of-type(1) {
stroke: var(--wcapf-primary-color);
}
.wcapf-loader .Reload path:nth-of-type(2) {
fill: var(--wcapf-primary-color);
}
.wcapf-loader .Ripple circle {
stroke: var(--wcapf-primary-color);
}
.wcapf-loader .Rolling circle {
stroke: var(--wcapf-primary-color);
}
.wcapf-loader .Spin circle {
fill: var(--wcapf-primary-color);
}
.wcapf-loader .Spinner rect {
fill: var(--wcapf-primary-color);
}
.wcapf-filter-tooltip {
--wcapf-filter-tooltip-color: #666;
--wcapf-filter-tooltip-size: .9em;
cursor: help;
display: inline-flex;
}
.wcapf-filter-tooltip svg {
fill: var(--wcapf-filter-tooltip-color);
width: var(--wcapf-filter-tooltip-size);
height: var(--wcapf-filter-tooltip-size);
}
.wcapf-filter .wcapf-filter-title {
margin: 0;
padding: 0;
font-size: var(--wcapf-filter-title-font-size);
font-weight: var(--wcapf-filter-title-font-weight);
line-height: var(--wcapf-filter-title-line-height);
display: flex;
align-items: center;
}
.wcapf-filter .wcapf-filter-title.has-accordion {
justify-content: space-between;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.wcapf-filter .wcapf-filter-title .wcapf-filter-title-inner {
display: inline-flex;
align-items: center;
gap: var(--wcapf-filter-title-inner-gap);
}
.wcapf-filter .wcapf-filter-title .wcapf-filter-accordion-trigger {
background: none;
box-shadow: none;
border: none;
color: inherit;
font-size: inherit;
font-weight: inherit;
margin: 0;
padding: 0;
transition: none;
line-height: inherit;
height: auto;
min-height: unset;
min-width: unset;
text-align: inherit;
text-decoration: none;
text-transform: none;
cursor: pointer;
letter-spacing: normal;
outline: none;
display: inline-flex;
border-radius: 0.125em;
}
.wcapf-filter .wcapf-filter-title .wcapf-filter-accordion-trigger:hover, .wcapf-filter .wcapf-filter-title .wcapf-filter-accordion-trigger:focus {
background: none;
border: none;
box-shadow: none;
color: inherit;
outline: none;
transition: none;
}
.wcapf-filter .wcapf-filter-title .wcapf-filter-accordion-trigger:focus-visible {
outline: 2px solid var(--wcapf-primary-color);
outline-offset: 2px;
}
.wcapf-filter .wcapf-filter-title .wcapf-filter-accordion-trigger svg {
width: var(--wcapf-filter-accordion-icon-size);
height: var(--wcapf-filter-accordion-icon-size);
}
.wcapf-filter .wcapf-filter-title .wcapf-filter-accordion-trigger[aria-expanded="true"] svg {
transform: rotate(180deg);
}
.wcapf-filter .wcapf-filter-title .wcapf-filter-clear-btn {
background: none;
box-shadow: none;
border: none;
color: inherit;
font-size: inherit;
font-weight: inherit;
margin: 0;
padding: 0;
transition: none;
line-height: inherit;
height: auto;
min-height: unset;
min-width: unset;
text-align: inherit;
text-decoration: none;
text-transform: none;
cursor: pointer;
letter-spacing: normal;
outline: none;
border-radius: 0.125em;
display: inline-flex;
flex-shrink: 0;
font-size: 0.8em;
font-weight: normal;
color: var(--wcapf-primary-color);
align-items: center;
text-transform: lowercase;
}
.wcapf-filter .wcapf-filter-title .wcapf-filter-clear-btn:hover, .wcapf-filter .wcapf-filter-title .wcapf-filter-clear-btn:focus {
background: none;
border: none;
box-shadow: none;
color: inherit;
outline: none;
transition: none;
}
.wcapf-filter .wcapf-filter-title .wcapf-filter-clear-btn:focus-visible {
outline: 2px solid var(--wcapf-primary-color);
outline-offset: 2px;
}
.wcapf-filter .wcapf-filter-title .wcapf-filter-clear-btn:hover, .wcapf-filter .wcapf-filter-title .wcapf-filter-clear-btn:focus {
color: var(--wcapf-primary-color);
}
.wcapf-filter .wcapf-filter-title .wcapf-filter-clear-btn::before {
content: '‹';
}
body:not(.rtl) .wcapf-filter .wcapf-filter-title .wcapf-filter-clear-btn::before {
margin-right: 0.1875em;
}
body.rtl .wcapf-filter .wcapf-filter-title .wcapf-filter-clear-btn::before {
margin-left: 0.1875em;
}
.wcapf-filter:not(.filter-active) .wcapf-filter-title .wcapf-filter-clear-btn {
display: none;
}
.wcapf-active-filters-before-shop-loop .wcapf-filter {
margin-bottom: var(--wcapf-active-filters-before-products-bottom-margin);
}
.wcapf-active-filters .wcapf-reset-filters-btn {
background: none;
box-shadow: none;
border: none;
color: inherit;
font-size: inherit;
font-weight: inherit;
margin: 0;
padding: 0;
transition: none;
line-height: inherit;
height: auto;
min-height: unset;
min-width: unset;
text-align: inherit;
text-decoration: none;
text-transform: none;
cursor: pointer;
letter-spacing: normal;
outline: none;
border-radius: 0.125em;
color: var(--wcapf-primary-color);
margin-top: var(--wcapf-clear-all-btn-top-margin);
}
.wcapf-active-filters .wcapf-reset-filters-btn:hover, .wcapf-active-filters .wcapf-reset-filters-btn:focus {
background: none;
border: none;
box-shadow: none;
color: inherit;
outline: none;
transition: none;
}
.wcapf-active-filters .wcapf-reset-filters-btn:focus-visible {
outline: 2px solid var(--wcapf-primary-color);
outline-offset: 2px;
}
.wcapf-active-filters .wcapf-reset-filters-btn:hover, .wcapf-active-filters .wcapf-reset-filters-btn:focus {
color: var(--wcapf-primary-color);
}
body:not(.rtl) .wcapf-active-filters.clear-all-btn-layout-inline .wcapf-active-filter-items .wcapf-active-filter-item.last-item {
margin-right: var(--wcapf-active-filters-before-products-clear-button-gap);
}
body.rtl .wcapf-active-filters.clear-all-btn-layout-inline .wcapf-active-filter-items .wcapf-active-filter-item.last-item {
margin-left: var(--wcapf-active-filters-before-products-clear-button-gap);
}
.wcapf-active-filters.clear-all-btn-layout-inline .wcapf-active-filter-items .wcapf-reset-filters-btn-wrapper {
display: inline-block;
margin-bottom: var(--wcapf-active-filter-item-margin);
padding: calc(var(--wcapf-active-filter-item-vr-padding) + var(--wcapf-active-filter-item-border-size)) 0;
}
.wcapf-active-filters.clear-all-btn-layout-inline .wcapf-reset-filters-btn {
margin: 0;
}
.wcapf-active-filter-items-wrapper .wcapf-active-filter-item {
background: none;
box-shadow: none;
border: none;
color: inherit;
font-size: inherit;
font-weight: inherit;
margin: 0;
padding: 0;
transition: none;
line-height: inherit;
height: auto;
min-height: unset;
min-width: unset;
text-align: inherit;
text-decoration: none;
text-transform: none;
cursor: pointer;
letter-spacing: normal;
outline: none;
background-color: var(--wcapf-active-filter-item-bg-color);
border: var(--wcapf-active-filter-item-border-size) solid var(--wcapf-active-filter-item-border-color);
align-items: center;
border-radius: var(--wcapf-active-filter-item-border-radius);
display: inline-flex;
position: relative;
white-space: nowrap;
}
.wcapf-active-filter-items-wrapper .wcapf-active-filter-item:hover, .wcapf-active-filter-items-wrapper .wcapf-active-filter-item:focus {
background: none;
border: none;
box-shadow: none;
color: inherit;
outline: none;
transition: none;
}
.wcapf-active-filter-items-wrapper .wcapf-active-filter-item:focus-visible {
outline: 2px solid var(--wcapf-primary-color);
outline-offset: 2px;
}
.wcapf-active-filter-items-wrapper .wcapf-active-filter-item:hover, .wcapf-active-filter-items-wrapper .wcapf-active-filter-item:focus {
background-color: var(--wcapf-active-filter-item-bg-color);
border: var(--wcapf-active-filter-item-border-size) solid var(--wcapf-active-filter-item-border-color);
}
body:not(.rtl) .wcapf-active-filter-items-wrapper .wcapf-active-filter-item {
margin: 0 var(--wcapf-active-filter-item-margin) var(--wcapf-active-filter-item-margin) 0;
padding: var(--wcapf-active-filter-item-vr-padding) calc(var(--wcapf-active-filter-item-hr-padding) * var(--wcapf-active-filter-item-cross-icon-gap)) var(--wcapf-active-filter-item-vr-padding) var(--wcapf-active-filter-item-hr-padding);
}
body.rtl .wcapf-active-filter-items-wrapper .wcapf-active-filter-item {
margin: 0 0 var(--wcapf-active-filter-item-margin) var(--wcapf-active-filter-item-margin);
padding: var(--wcapf-active-filter-item-vr-padding) var(--wcapf-active-filter-item-hr-padding) var(--wcapf-active-filter-item-vr-padding) calc(var(--wcapf-active-filter-item-hr-padding) * var(--wcapf-active-filter-item-cross-icon-gap));
}
.wcapf-active-filter-items-wrapper .wcapf-active-filter-item .wcapf-cross-sign {
font-size: 1.2em;
opacity: var(--wcapf-active-filter-item-cross-icon-opacity);
position: absolute;
}
body:not(.rtl) .wcapf-active-filter-items-wrapper .wcapf-active-filter-item .wcapf-cross-sign {
right: calc(var(--wcapf-active-filter-item-hr-padding) * var(--wcapf-active-filter-item-cross-icon-hr-position));
}
body.rtl .wcapf-active-filter-items-wrapper .wcapf-active-filter-item .wcapf-cross-sign {
left: calc(var(--wcapf-active-filter-item-hr-padding) * var(--wcapf-active-filter-item-cross-icon-hr-position));
}
.wcapf-active-filter-items-wrapper .wcapf-active-filter-item:focus-visible {
outline: 2px solid var(--wcapf-primary-color);
outline-offset: 2px;
}
.wcapf-active-filters.layout-extended .wcapf-active-filter-group:not(:first-child) {
margin-top: var(--wcapf-active-filters-group-top-margin);
}
.wcapf-active-filters.layout-extended .wcapf-active-filter-group > h5 {
font-size: var(--wcapf-active-filters-group-heading-font-size);
font-weight: var(--wcapf-active-filters-group-heading-font-weight);
margin: 0 0 var(--wcapf-active-filters-group-heading-bottom-margin);
padding: 0;
}
.wcapf-btn {
background: none;
box-shadow: none;
border: none;
color: inherit;
font-size: inherit;
font-weight: inherit;
margin: 0;
padding: 0;
transition: none;
line-height: inherit;
height: auto;
min-height: unset;
min-width: unset;
text-align: inherit;
text-decoration: none;
text-transform: none;
cursor: pointer;
letter-spacing: normal;
outline: none;
padding: var(--wcapf-btn-vr-padding) var(--wcapf-btn-hr-padding);
border-radius: var(--wcapf-btn-border-radius);
}
.wcapf-btn:hover, .wcapf-btn:focus {
background: none;
border: none;
box-shadow: none;
color: inherit;
outline: none;
transition: none;
}
.wcapf-btn:focus-visible {
outline: 2px solid var(--wcapf-primary-color);
outline-offset: 2px;
}
.wcapf-btn.wcapf-btn-secondary {
color: var(--wcapf-btn-secondary-text-color);
background-color: var(--wcapf-btn-secondary-bg-color);
border: var(--wcapf-btn-border-size) solid var(--wcapf-btn-border-color);
}
.wcapf-btn.wcapf-btn-secondary:hover, .wcapf-btn.wcapf-btn-secondary:focus {
color: var(--wcapf-btn-secondary-text-color);
background-color: var(--wcapf-btn-secondary-bg-color);
border: var(--wcapf-btn-border-size) solid var(--wcapf-btn-border-color);
}
.wcapf-btn.wcapf-btn-primary {
color: var(--wcapf-btn-primary-text-color);
background-color: var(--wcapf-btn-primary-bg-color);
border: var(--wcapf-btn-border-size) solid var(--wcapf-btn-border-color);
}
.wcapf-btn.wcapf-btn-primary:hover, .wcapf-btn.wcapf-btn-primary:focus {
color: var(--wcapf-btn-primary-text-color);
background-color: var(--wcapf-btn-primary-bg-color);
border: var(--wcapf-btn-border-size) solid var(--wcapf-btn-border-color);
}
.wcapf-btn.wcapf-btn-fullwidth {
width: 100%;
text-align: center;
}
.wcapf-btn .wcapf-product-count {
opacity: var(--wcapf-filter-count-opacity);
}
.wcapf-btn .wcapf-product-count::before {
content: ' (';
}
.wcapf-btn .wcapf-product-count::after {
content: ')';
}
.wcapf-btn:disabled {
opacity: var(--wcapf-btn-disabled-opacity);
cursor: var(--wcapf-btn-disabled-cursor);
}
.wcapf-btn-group.wcapf-align-end {
display: flex;
gap: .375em;
justify-content: space-between;
}
.wcapf-btn-group.wcapf-align-end .wcapf-btn {
width: 100%;
text-align: center;
}
body.theme-onepress .wcapf-filter .wcapf-search-box input[type="text"],
body.theme-onepress .wcapf-range-wrapper input[type="text"]:focus {
border: 1px solid var(--wcapf-input-text-border-color) !important;
}
body.theme-onepress .wcapf-chosen-container.chosen-container-single .chosen-search input[type="text"]:focus {
border: var(--wcapf-chosen-search-input-border-size) solid var(--wcapf-chosen-search-input-border-color) !important;
}
body.theme-astra #secondary .wcapf-filter .wcapf-list-wrapper.layout-list ul.wcapf-filter-options li.wcapf-filter-option {
line-height: inherit;
margin-bottom: var(--wcapf-filter-item-vertical-spacing);
}
body.theme-astra #secondary .wcapf-filter .wcapf-list-wrapper.layout-inline ul.wcapf-filter-options li.wcapf-filter-option {
line-height: inherit;
}
body.theme-astra:not(.rtl) #secondary .wcapf-filter .wcapf-list-wrapper.layout-inline li.wcapf-filter-option {
margin: 0 var(--wcapf-filter-item-horizontal-spacing) var(--wcapf-filter-item-vertical-spacing) 0;
}
body.theme-astra.rtl #secondary .wcapf-filter .wcapf-list-wrapper.layout-inline li.wcapf-filter-option {
margin: 0 0 var(--wcapf-filter-item-vertical-spacing) var(--wcapf-filter-item-horizontal-spacing);
}
body.theme-astra #secondary .wcapf-chosen-container.chosen-container .chosen-results li {
margin: 0;
}
.theme-flatsome .wcapf-active-filters.clear-all-btn-layout-inline .wcapf-active-filter-items .wcapf-reset-filters-btn-wrapper {
vertical-align: middle;
}
.theme-flatsome .wcapf-active-filters.clear-all-btn-layout-inline .wcapf-active-filter-items .wcapf-reset-filters-btn-wrapper .wcapf-reset-filters-btn {
vertical-align: unset;
}