/* Plugin: FacetWP */
/* checkbox */
.facetwp-type-checkboxes {
  display: flex;
  gap: var(--wp--preset--spacing--30);
}
.facetwp-type-checkboxes .facetwp-checkbox {
  background-image: none !important;
  padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--40);
  border-radius: 9999px;
  line-height: 1.4;
  font-size: var(--wp--preset--font-size--small);
  font-weight: 700;
  border: 1px solid var(--wp--preset--color--custom-tertiary-opacity-20);
  transition: var(--wp--custom--transition);
}
.facetwp-type-checkboxes .facetwp-checkbox:hover:not(.checked) {
  color: var(--wp--preset--color--base-alt);
  background-color: var(--wp--preset--color--custom-primary-dark);
  border-color: var(--wp--preset--color--custom-primary-dark);
}
.facetwp-type-checkboxes .facetwp-checkbox.checked {
  color: var(--wp--preset--color--base-alt);
  background-color: var(--wp--preset--color--secondary);
  border-color: var(--wp--preset--color--secondary);
}
.facetwp-type-checkboxes .facetwp-display-value {
  padding: 0;
}
.facetwp-type-checkboxes .facetwp-counter {
  display: none;
}

/* pager */
.facetwp-pager {
  font-size: var(--wp--preset--font-size--small);
  font-weight: 700;
  display: flex;
  gap: var(--wp--preset--spacing--20);
  justify-content: center;
}
.facetwp-pager .facetwp-page {
  transition: var(--wp--custom--transition);
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  padding: 0;
  margin: 0;
  border: 1px solid var(--wp--preset--color--custom-tertiary-opacity-20);
  border-radius: 4px;
  color: var(--wp--preset--color--custom-primary-dark);
  background-color: var(--wp--preset--color--transparent);
  min-width: 40px;
}
.facetwp-pager .facetwp-page:not(.prev):not(.next) {
  aspect-ratio: 1;
}
.facetwp-pager .facetwp-page:not(.active):not(.dots):hover {
  color: var(--wp--preset--color--base-alt);
  background-color: var(--wp--preset--color--custom-primary-dark);
  border-color: var(--wp--preset--color--custom-primary-dark);
}
.facetwp-pager .facetwp-page.active {
  color: var(--wp--preset--color--base-alt);
  background-color: var(--wp--preset--color--secondary);
  border-color: var(--wp--preset--color--secondary);
}
.facetwp-pager .facetwp-page.dots {
  pointer-events: none;
}
.facetwp-pager .facetwp-page.prev, .facetwp-pager .facetwp-page.next {
  padding-left: var(--wp--preset--spacing--40);
  padding-right: var(--wp--preset--spacing--40);
}
.facetwp-pager .facetwp-page.prev {
  margin-right: var(--wp--preset--spacing--30);
}
.facetwp-pager .facetwp-page.next {
  margin-left: var(--wp--preset--spacing--30);
}
.facetwp-pager .facetwp-page.prev::before, .facetwp-pager .facetwp-page.next::after {
  background-color: currentColor;
  display: inline-block;
  width: 0.8em;
  aspect-ratio: 1;
  vertical-align: middle;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M440.6 273.4c4.7-4.5 7.4-10.8 7.4-17.4s-2.7-12.8-7.4-17.4l-176-168c-9.6-9.2-24.8-8.8-33.9 .8s-8.8 24.8 .8 33.9L364.1 232 24 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l340.1 0L231.4 406.6c-9.6 9.2-9.9 24.3-.8 33.9s24.3 9.9 33.9 .8l176-168z'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
}
.facetwp-pager .facetwp-page.prev::before {
  content: "";
  margin-right: 1ch;
  transform: scaleX(-1);
}
.facetwp-pager .facetwp-page.next::after {
  content: "";
  margin-left: 1ch;
}

/* reset */
.facetwp-type-reset button {
  display: inline-block;
  border: none;
  padding: 0;
  margin: 0;
  text-decoration: none;
  background: var(--wp--preset--color--transparent);
  color: var(--wp--preset--color--custom-primary-dark);
  font-family: inherit;
  font-size: var(--wp--preset--font-size--small);
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  text-align: center;
  transition: background 250ms ease-in-out, transform 150ms ease;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.facetwp-type-reset button:hover, .facetwp-type-reset button:focus {
  text-decoration: underline;
}
.facetwp-type-reset button:focus {
  outline: none;
}
.facetwp-type-reset button:active {
  transform: scale(0.95);
}

/* sort */
.facetwp-type-sort select,
.facetwp-type-sort ::picker(select) {
  appearance: base-select;
}
.facetwp-type-sort select {
  padding: var(--wp--preset--spacing--30);
  border-radius: 4px;
  line-height: 1;
  font-size: var(--wp--preset--font-size--x-small);
  font-weight: 700;
  border: 1px solid var(--wp--preset--color--custom-tertiary-opacity-20);
  transition: var(--wp--custom--transition);
  background-color: var(--wp--preset--color--base-alt);
  min-width: 160px;
}
.facetwp-type-sort select:open {
  border-radius: 4px 4px 0 0;
}
.facetwp-type-sort select::picker-icon {
  content: "";
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M440.6 273.4c4.7-4.5 7.4-10.8 7.4-17.4s-2.7-12.8-7.4-17.4l-176-168c-9.6-9.2-24.8-8.8-33.9 .8s-8.8 24.8 .8 33.9L364.1 232 24 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l340.1 0L231.4 406.6c-9.6 9.2-9.9 24.3-.8 33.9s24.3 9.9 33.9 .8l176-168z'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  rotate: 90deg;
  background-color: var(--wp--preset--color--custom-primary-dark);
  width: 0.8em;
  height: 0.8em;
  margin-top: 0.2em;
  transition: var(--wp--custom--transition);
}
.facetwp-type-sort select:hover, .facetwp-type-sort select:focus {
  color: var(--wp--preset--color--base-alt);
  background-color: var(--wp--preset--color--custom-primary-dark);
}
.facetwp-type-sort select:hover::picker-icon, .facetwp-type-sort select:focus::picker-icon {
  background-color: var(--wp--preset--color--base-alt);
}
.facetwp-type-sort ::picker(select) {
  border: 0;
  border-radius: 0 0 4px 4px;
  top: calc(anchor(bottom) - 1px);
}
.facetwp-type-sort option {
  display: flex;
  gap: var(--wp--preset--spacing--40);
  padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
  line-height: 1;
  transition: var(--wp--custom--transition);
  background-color: var(--wp--preset--color--base-alt);
  border-bottom: 1px solid var(--wp--preset--color--custom-tertiary-opacity-20);
  border: 1px solid var(--wp--preset--color--custom-tertiary-opacity-20);
}
.facetwp-type-sort option:not(option:last-of-type) {
  border-bottom: none;
}
.facetwp-type-sort option:last-child {
  border-radius: 0 0 4px 4px;
}
.facetwp-type-sort option:hover, .facetwp-type-sort option:focus {
  color: var(--wp--preset--color--base-alt);
  background-color: var(--wp--preset--color--custom-primary-dark);
  border-color: var(--wp--preset--color--custom-primary-dark);
}
.facetwp-type-sort option:checked {
  font-weight: 700;
  color: var(--wp--preset--color--base-alt);
  background-color: var(--wp--preset--color--secondary);
  border-color: var(--wp--preset--color--secondary);
}
.facetwp-type-sort option::checkmark {
  order: 1;
  margin-left: auto;
}