#filter form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2rem;
}
#filter form .label-container {
  color: #333;
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
}
#filter form #wpas-orderby {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
#filter form #wpas-orderby select {
  display: none;
}
#filter form #wpas-orderby .select_value {
  position: relative;
  cursor: pointer;
}
#filter form #wpas-orderby .select_options {
  display: none;
}
#filter form #wpas-orderby .select_div {
  position: relative;
  padding: 4px 30px 4px 8px;
  border-radius: 3px;
  background: #fff;
  cursor: pointer;
}
#filter form #wpas-orderby .select_div svg {
  display: block;
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -12px;
  display: none;
}
#filter form #wpas-orderby .select_div:after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 8px;
  right: 12px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iIzY2NiIgY2xhc3M9ImJpIGJpLWNoZXZyb24tZG93biIgdmlld0JveD0iMCAwIDE2IDE2Ij4gIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEuNjQ2IDQuNjQ2YS41LjUgMCAwIDEgLjcwOCAwTDggMTAuMjkzbDUuNjQ2LTUuNjQ3YS41LjUgMCAwIDEgLjcwOC43MDhsLTYgNmEuNS41IDAgMCAxLS43MDggMGwtNi02YS41LjUgMCAwIDEgMC0uNzA4Ii8+PC9zdmc+);
  background-position: center;
  background-size: 12px;
  background-repeat: no-repeat;
}
#filter form #wpas-orderby .select_div.active svg {
  transform: rotate(180deg);
}
#filter form #wpas-orderby .select_div.active:after {
  transform: rotate(180deg);
}
#filter form #wpas-orderby .select_div.active .select_options {
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  width: 160px;
  padding: 4px 0;
  border-radius: 3px;
  background: #fff;
  z-index: 100;
}
#filter form #wpas-orderby .select_div.active .select_options div {
  line-height: 2em;
  padding: 0 8px;
  cursor: pointer;
}
#filter form #wpas-orderby .select_div.active .select_options div:hover, #filter form #wpas-orderby .select_div.active .select_options div:active, #filter form #wpas-orderby .select_div.active .select_options div:focus {
  background: #eee;
}
#filter form #wpas-orderby .select_div.active .select_options div.active {
  background: rgba(108, 221, 215, 0.5);
}
#filter form #wpas-order {
  display: flex;
  gap: 0.5rem;
  margin-left: -1rem;
}
#filter form #wpas-order select {
  display: none;
}
#filter form #wpas-order .orderdir_div {
  padding: 2px 6px;
  border-radius: 3px;
  background: #fff;
  cursor: pointer;
}
#filter form #wpas-order .orderdir_div svg {
  display: block;
  color: #abb8c3;
}
#filter form #wpas-order .orderdir_div[data-value=asc] svg .up {
  fill: #6cddd7;
}
#filter form #wpas-order .orderdir_div[data-value=desc] svg .down {
  fill: #6cddd7;
}
#filter form #wpas-submit {
  display: none;
}
#filter form .wpas-taxonomy-field {
  display: block;
  position: relative;
  flex: 0 0 100%;
}
@media (min-width: 1440px) {
  #filter form .wpas-taxonomy-field {
    flex: 0;
  }
}
#filter form .wpas-taxonomy-field .label-container {
  display: flex;
  align-items: center;
  padding: 6px 12px;
  gap: 0.4rem;
  background: white;
  border-radius: 3px;
  white-space: nowrap;
}
#filter form .wpas-taxonomy-field .label-container:after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iIzY2NiIgY2xhc3M9ImJpIGJpLWNoZXZyb24tZG93biIgdmlld0JveD0iMCAwIDE2IDE2Ij4gIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEuNjQ2IDQuNjQ2YS41LjUgMCAwIDEgLjcwOCAwTDggMTAuMjkzbDUuNjQ2LTUuNjQ3YS41LjUgMCAwIDEgLjcwOC43MDhsLTYgNmEuNS41IDAgMCAxLS43MDggMGwtNi02YS41LjUgMCAwIDEgMC0uNzA4Ii8+PC9zdmc+);
  background-position: center;
  background-size: 12px;
  background-repeat: no-repeat;
}
#filter form .wpas-taxonomy-field .field-container {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 300px;
  max-height: 50vh;
  overflow: hidden;
  overflow-y: scroll;
  padding: 1rem;
  z-index: 100;
}
#filter form .wpas-taxonomy-field .field-container .field-container-inner {
    display: flex;
    flex-direction: column;
}
@media (min-width: 1440px) {
  #filter form .wpas-taxonomy-field .field-container {
    width: -moz-max-content;
    width: max-content;
    max-height: 52vh;
    overflow: visible;
    overflow-y: visible;
  }
  #filter form .wpas-taxonomy-field .field-container .field-container-inner{
    flex-wrap: wrap;
    max-height: calc(52vh - 2rem);
    align-items: flex-start;
    align-content: start;
  }
  #filter form .wpas-taxonomy-field .wpas-tax_category-checkboxes.field-container{
    width:340px;
  }
  #filter form .wpas-taxonomy-field .wpas-tax_release-year-checkboxes.field-container{
    width:700px;
  }
}
#filter form .wpas-taxonomy-field .field-container .wpas-checkbox-container,
#filter form .wpas-taxonomy-field .field-container .wpas-radio-container {
  cursor: pointer;
}
#filter form .wpas-taxonomy-field .field-container .wpas-checkbox-container input,
#filter form .wpas-taxonomy-field .field-container .wpas-radio-container input {
  display: none;
}
#filter form .wpas-taxonomy-field .field-container .wpas-checkbox-container input + label,
#filter form .wpas-taxonomy-field .field-container .wpas-radio-container input + label {
  padding: 6px 12px;
  padding-left: 32px;
  border-radius: 3px;
  cursor: pointer;
}
#filter form .wpas-taxonomy-field .field-container .wpas-checkbox-container input:checked + label,
#filter form .wpas-taxonomy-field .field-container .wpas-radio-container input:checked + label {
  color: white;
  background-color: #6cddd7;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iI2ZmZiIgY2xhc3M9ImJpIGJpLWNoZWNrIiB2aWV3Qm94PSIwIDAgMTYgMTYiPiAgPHBhdGggZD0iTTEwLjk3IDQuOTdhLjc1Ljc1IDAgMCAxIDEuMDcgMS4wNWwtMy45OSA0Ljk5YS43NS43NSAwIDAgMS0xLjA4LjAyTDQuMzI0IDguMzg0YS43NS43NSAwIDEgMSAxLjA2LTEuMDZsMi4wOTQgMi4wOTMgMy40NzMtNC40MjV6Ii8+PC9zdmc+);
  background-position: 0.5rem center;
  background-size: 16px;
  background-repeat: no-repeat;
}
#filter form .wpas-taxonomy-field .field-container .wpas-checkbox-container:hover input + label, #filter form .wpas-taxonomy-field .field-container .wpas-checkbox-container:active input + label, #filter form .wpas-taxonomy-field .field-container .wpas-checkbox-container:focus input + label,
#filter form .wpas-taxonomy-field .field-container .wpas-radio-container:hover input + label,
#filter form .wpas-taxonomy-field .field-container .wpas-radio-container:active input + label,
#filter form .wpas-taxonomy-field .field-container .wpas-radio-container:focus input + label {
  color: white;
  background-color: #6cddd7;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iI2ZmZiIgY2xhc3M9ImJpIGJpLWNoZWNrIiB2aWV3Qm94PSIwIDAgMTYgMTYiPiAgPHBhdGggZD0iTTEwLjk3IDQuOTdhLjc1Ljc1IDAgMCAxIDEuMDcgMS4wNWwtMy45OSA0Ljk5YS43NS43NSAwIDAgMS0xLjA4LjAyTDQuMzI0IDguMzg0YS43NS43NSAwIDEgMSAxLjA2LTEuMDZsMi4wOTQgMi4wOTMgMy40NzMtNC40MjV6Ii8+PC9zdmc+);
  background-position: 0.5rem center;
  background-size: 16px;
  background-repeat: no-repeat;
}
#filter form .wpas-taxonomy-field .field-container .wpas-checkbox-container:hover input:checked + label, #filter form .wpas-taxonomy-field .field-container .wpas-checkbox-container:active input:checked + label, #filter form .wpas-taxonomy-field .field-container .wpas-checkbox-container:focus input:checked + label,
#filter form .wpas-taxonomy-field .field-container .wpas-radio-container:hover input:checked + label,
#filter form .wpas-taxonomy-field .field-container .wpas-radio-container:active input:checked + label,
#filter form .wpas-taxonomy-field .field-container .wpas-radio-container:focus input:checked + label {
  color: white;
  background-color: #cf2e2e;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iI2ZmZiIgY2xhc3M9ImJpIGJpLXgiIHZpZXdCb3g9IjAgMCAxNiAxNiI+ICA8cGF0aCBkPSJNNC42NDYgNC42NDZhLjUuNSAwIDAgMSAuNzA4IDBMOCA3LjI5M2wyLjY0Ni0yLjY0N2EuNS41IDAgMCAxIC43MDguNzA4TDguNzA3IDhsMi42NDcgMi42NDZhLjUuNSAwIDAgMS0uNzA4LjcwOEw4IDguNzA3bC0yLjY0NiAyLjY0N2EuNS41IDAgMCAxLS43MDgtLjcwOEw3LjI5MyA4IDQuNjQ2IDUuMzU0YS41LjUgMCAwIDEgMC0uNzA4Ii8+PC9zdmc+);
  background-position: 0.5rem center;
  background-size: 16px;
  background-repeat: no-repeat;
}
#filter form .wpas-taxonomy-field:hover .label-container:after, #filter form .wpas-taxonomy-field:active .label-container:after, #filter form .wpas-taxonomy-field:focus .label-container:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iIzY2NiIgY2xhc3M9ImJpIGJpLWNoZXZyb24tdXAiIHZpZXdCb3g9IjAgMCAxNiAxNiI+ICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjY0NiA0LjY0NmEuNS41IDAgMCAxIC43MDggMGw2IDZhLjUuNSAwIDAgMS0uNzA4LjcwOEw4IDUuNzA3bC01LjY0NiA1LjY0N2EuNS41IDAgMCAxLS43MDgtLjcwOHoiLz48L3N2Zz4=);
}
#filter form .wpas-taxonomy-field:hover .field-container, #filter form .wpas-taxonomy-field:active .field-container, #filter form .wpas-taxonomy-field:focus .field-container {
  display: block;
}
#filter form .wpas-taxonomy-field.active .label-container {
  background: #6cddd7;
  color: white;
}
#filter form .wpas-taxonomy-field.active .label-container:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iI2ZmZiIgY2xhc3M9ImJpIGJpLWNoZXZyb24tZG93biIgdmlld0JveD0iMCAwIDE2IDE2Ij4gIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEuNjQ2IDQuNjQ2YS41LjUgMCAwIDEgLjcwOCAwTDggMTAuMjkzbDUuNjQ2LTUuNjQ3YS41LjUgMCAwIDEgLjcwOC43MDhsLTYgNmEuNS41IDAgMCAxLS43MDggMGwtNi02YS41LjUgMCAwIDEgMC0uNzA4Ii8+PC9zdmc+);
}
#filter form .wpas-taxonomy-field.active:hover .label-container:after, #filter form .wpas-taxonomy-field.active:active .label-container:after, #filter form .wpas-taxonomy-field.active:focus .label-container:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iI2ZmZiIgY2xhc3M9ImJpIGJpLWNoZXZyb24tdXAiIHZpZXdCb3g9IjAgMCAxNiAxNiI+ICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjY0NiA0LjY0NmEuNS41IDAgMCAxIC43MDggMGw2IDZhLjUuNSAwIDAgMS0uNzA4LjcwOEw4IDUuNzA3bC01LjY0NiA1LjY0N2EuNS41IDAgMCAxLS43MDgtLjcwOHoiLz48L3N2Zz4=);
}
#filter form .wpas-meta_key-field {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
#filter form .wpas-meta_key-field .field-container {

}
#filter form .wpas-meta_key-field .field-container-inner {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
#filter form .wpas-meta_key-field .field-container .wpas-checkbox-container,
#filter form .wpas-meta_key-field .field-container .wpas-radio-container {
  cursor: pointer;
}
#filter form .wpas-meta_key-field .field-container .wpas-checkbox-container input,
#filter form .wpas-meta_key-field .field-container .wpas-radio-container input {
  display: none;
}
#filter form .wpas-meta_key-field .field-container .wpas-checkbox-container input + label,
#filter form .wpas-meta_key-field .field-container .wpas-radio-container input + label {
  padding: 6px 12px;
  border-radius: 3px;
  background: white;
  margin: 0;
  cursor: pointer;
}
#filter form .wpas-meta_key-field .field-container .wpas-checkbox-container input:checked + label,
#filter form .wpas-meta_key-field .field-container .wpas-radio-container input:checked + label {
  color: white;
  background: #6cddd7;
}
#filter form .wpas-meta_key-field .field-container .wpas-checkbox-container:hover input + label, #filter form .wpas-meta_key-field .field-container .wpas-checkbox-container:active input + label, #filter form .wpas-meta_key-field .field-container .wpas-checkbox-container:focus input + label,
#filter form .wpas-meta_key-field .field-container .wpas-radio-container:hover input + label,
#filter form .wpas-meta_key-field .field-container .wpas-radio-container:active input + label,
#filter form .wpas-meta_key-field .field-container .wpas-radio-container:focus input + label {
  color: white;
  background: #6cddd7;
}
#filter form .wpas-meta_key-field .field-container .wpas-checkbox-container:hover input:checked + label, #filter form .wpas-meta_key-field .field-container .wpas-checkbox-container:active input:checked + label, #filter form .wpas-meta_key-field .field-container .wpas-checkbox-container:focus input:checked + label,
#filter form .wpas-meta_key-field .field-container .wpas-radio-container:hover input:checked + label,
#filter form .wpas-meta_key-field .field-container .wpas-radio-container:active input:checked + label,
#filter form .wpas-meta_key-field .field-container .wpas-radio-container:focus input:checked + label {
  color: white;
  background: #cf2e2e;
  position: relative;
}
#filter form .wpas-meta_key-field .field-container .wpas-checkbox-container:hover input:checked + label:before, #filter form .wpas-meta_key-field .field-container .wpas-checkbox-container:active input:checked + label:before, #filter form .wpas-meta_key-field .field-container .wpas-checkbox-container:focus input:checked + label:before,
#filter form .wpas-meta_key-field .field-container .wpas-radio-container:hover input:checked + label:before,
#filter form .wpas-meta_key-field .field-container .wpas-radio-container:active input:checked + label:before,
#filter form .wpas-meta_key-field .field-container .wpas-radio-container:focus input:checked + label:before {
  content: "";
  display: block;
  position: absolute;
  top: -4px;
  right: -4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #cf2e2e;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iI2ZmZiIgY2xhc3M9ImJpIGJpLXgiIHZpZXdCb3g9IjAgMCAxNiAxNiI+ICA8cGF0aCBkPSJNNC42NDYgNC42NDZhLjUuNSAwIDAgMSAuNzA4IDBMOCA3LjI5M2wyLjY0Ni0yLjY0N2EuNS41IDAgMCAxIC43MDguNzA4TDguNzA3IDhsMi42NDcgMi42NDZhLjUuNSAwIDAgMS0uNzA4LjcwOEw4IDguNzA3bC0yLjY0NiAyLjY0N2EuNS41IDAgMCAxLS43MDgtLjcwOEw3LjI5MyA4IDQuNjQ2IDUuMzU0YS41LjUgMCAwIDEgMC0uNzA4Ii8+PC9zdmc+);
  background-position: center;
  background-size: 12px;
  background-repeat: no-repeat;
}
#filter form .wpas-post_type-field {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: 0;
  float: none;
}
#filter form .wpas-post_type-field .label-container {
  display: none;
}
#filter form .wpas-post_type-field .field-container {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  background: none;
  border: 0;
}
#filter form .wpas-post_type-field .field-container .wpas-checkbox-container,
#filter form .wpas-post_type-field .field-container .wpas-radio-container {
  cursor: pointer;
}
#filter form .wpas-post_type-field .field-container .wpas-checkbox-container input,
#filter form .wpas-post_type-field .field-container .wpas-radio-container input {
  display: none;
}
#filter form .wpas-post_type-field .field-container .wpas-checkbox-container input + label,
#filter form .wpas-post_type-field .field-container .wpas-radio-container input + label {
  padding: 6px 12px;
  border-radius: 3px;
  background: white;
  margin: 0;
  cursor: pointer;
}
#filter form .wpas-post_type-field .field-container .wpas-checkbox-container input:checked + label,
#filter form .wpas-post_type-field .field-container .wpas-radio-container input:checked + label {
  color: white;
  background: #6cddd7;
}
#filter form .wpas-post_type-field .field-container .wpas-checkbox-container:hover input + label, #filter form .wpas-post_type-field .field-container .wpas-checkbox-container:active input + label, #filter form .wpas-post_type-field .field-container .wpas-checkbox-container:focus input + label,
#filter form .wpas-post_type-field .field-container .wpas-radio-container:hover input + label,
#filter form .wpas-post_type-field .field-container .wpas-radio-container:active input + label,
#filter form .wpas-post_type-field .field-container .wpas-radio-container:focus input + label {
  color: white;
  background: #6cddd7;
}
#filter form .wpas-post_type-field .field-container .wpas-checkbox-container:hover input:checked + label, #filter form .wpas-post_type-field .field-container .wpas-checkbox-container:active input:checked + label, #filter form .wpas-post_type-field .field-container .wpas-checkbox-container:focus input:checked + label,
#filter form .wpas-post_type-field .field-container .wpas-radio-container:hover input:checked + label,
#filter form .wpas-post_type-field .field-container .wpas-radio-container:active input:checked + label,
#filter form .wpas-post_type-field .field-container .wpas-radio-container:focus input:checked + label {
  color: white;
  background: #cf2e2e;
}

.filters_loader {
  display: flex;
  width: 100%;
  height: 100px;
  align-items: center;
  justify-content: center;
}
.filters_loader > div {
  width: 50px;
  height: 50px;
  flex: 0 0 50px;
  transition: all 0.5s ease;
  animation: filterrotate 1.2s linear infinite;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjNjY2IiBkPSJNMjcyIDE2djk2IDE2SDI0MFYxMTIgMTYgMGgzMlYxNnptMCAzODR2OTYgMTZIMjQwVjQ5NiA0MDAgMzg0aDMydjE2ek0wIDI0MEgxNmg5NiAxNnYzMkgxMTIgMTYgMFYyNDB6bTQwMCAwaDk2IDE2djMySDQ5NiA0MDAgMzg0VjI0MGgxNnpNNDQ4LjMgODYuM0w0MzcgOTcuNmwtNjcuOSA2Ny45LTExLjMgMTEuMy0yMi42LTIyLjYgMTEuMy0xMS4zTDQxNC40IDc1bDExLjMtMTEuMyAyMi42IDIyLjZ6TTE2NS41IDM2OS4xTDk3LjYgNDM3IDg2LjMgNDQ4LjMgNjMuNyA0MjUuNyA3NSA0MTQuNGw2Ny45LTY3LjkgMTEuMy0xMS4zIDIyLjYgMjIuNi0xMS4zIDExLjN6TTg2LjMgNjMuN0w5Ny42IDc1bDY3LjkgNjcuOSAxMS4zIDExLjMtMjIuNiAyMi42LTExLjMtMTEuM0w3NSA5Ny42IDYzLjcgODYuMyA4Ni4zIDYzLjd6TTM2OS4xIDM0Ni41TDQzNyA0MTQuNGwxMS4zIDExLjMtMjIuNiAyMi42TDQxNC40IDQzN2wtNjcuOS02Ny45LTExLjMtMTEuMyAyMi42LTIyLjYgMTEuMyAxMS4zeiIvPjwvc3ZnPg==);
  background-position: center;
  background-size: 50px;
  background-repeat: no-repeat;
}

@keyframes filterrotate {
  from {
    transform: rotate(-360deg);
  }
}
.filters_pagination {
  display: none;
}/*# sourceMappingURL=filters.css.map */
/* =============================================================
   PsyPlay v18: compact desktop filter layout
   Scope: desktop only. Mobile/tablet filter behavior stays untouched.
   ============================================================= */
@media screen and (min-width: 992px) {
  #filter {
    margin: 0 0 24px !important;
    padding: 0 !important;
    background: rgba(255, 255, 255, 0.78) !important;
    border: 1px solid rgba(60, 75, 92, 0.08) !important;
    border-radius: 10px !important;
    box-shadow: 0 10px 24px rgba(22, 34, 55, 0.055) !important;
    overflow: visible !important;
  }

  #filter form {
    display: flex !important;
    align-items: center !important;
    align-content: center !important;
    flex-wrap: wrap !important;
    gap: 8px 10px !important;
    width: 100% !important;
    padding: 12px 14px !important;
    margin: 0 !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  #filter form .wpas-field,
  #filter form #wpas-orderby,
  #filter form #wpas-order,
  #filter form .wpas-taxonomy-field,
  #filter form .wpas-meta_key-field,
  #filter form .wpas-post_type-field {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 8px !important;
    position: relative !important;
    float: none !important;
  }

  #filter form .label-container,
  #filter form .label-container label,
  #filter form label {
    margin: 0 !important;
    padding: 0 !important;
    color: #66717f !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 34px !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
  }

  #filter form #wpas-orderby .select_div,
  #filter form .wpas-taxonomy-field .label-container,
  #filter form #wpas-order .orderdir_div,
  #filter form .wpas-meta_key-field .field-container .wpas-checkbox-container input + label,
  #filter form .wpas-meta_key-field .field-container .wpas-radio-container input + label,
  #filter form .wpas-post_type-field .field-container .wpas-checkbox-container input + label,
  #filter form .wpas-post_type-field .field-container .wpas-radio-container input + label {
    height: 34px !important;
    min-height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    border-radius: 6px !important;
    border: 1px solid rgba(65, 80, 100, 0.10) !important;
    background: #ffffff !important;
    color: #4e5967 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    box-shadow: none !important;
    cursor: pointer !important;
  }

  #filter form #wpas-orderby .select_div {
    min-width: 124px !important;
    padding: 0 30px 0 12px !important;
  }

  #filter form #wpas-orderby .select_div .select_value {
    display: block !important;
    color: #4e5967 !important;
    font-size: 13px !important;
    line-height: 34px !important;
    white-space: nowrap !important;
  }

  #filter form #wpas-orderby .select_div:after {
    top: 50% !important;
    right: 11px !important;
    margin-top: -6px !important;
    opacity: .58 !important;
  }

  #filter form #wpas-orderby .select_div.active .select_options {
    top: calc(100% + 7px) !important;
    left: 0 !important;
    width: 170px !important;
    padding: 6px !important;
    border: 1px solid rgba(65, 80, 100, 0.12) !important;
    border-radius: 8px !important;
    background: rgba(255,255,255,0.98) !important;
    box-shadow: 0 14px 30px rgba(22, 34, 55, 0.16) !important;
    z-index: 10030 !important;
  }

  #filter form #wpas-orderby .select_div.active .select_options div {
    padding: 8px 10px !important;
    border-radius: 6px !important;
    color: #4e5967 !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
  }

  #filter form #wpas-orderby .select_div.active .select_options div:hover,
  #filter form #wpas-orderby .select_div.active .select_options div.active {
    background: rgba(108,221,215,0.14) !important;
    color: #119d99 !important;
  }

  #filter form #wpas-order {
    margin-left: 0 !important;
    gap: 0 !important;
  }

  #filter form #wpas-order .orderdir_div {
    width: 34px !important;
    min-width: 34px !important;
    padding: 0 !important;
    color: #6cddd7 !important;
  }

  #filter form #wpas-order .orderdir_div svg {
    width: 20px !important;
    height: 20px !important;
    color: currentColor !important;
    fill: currentColor !important;
  }

  #filter form .wpas-taxonomy-field {
    flex: 0 0 auto !important;
  }

  #filter form .wpas-taxonomy-field .label-container {
    position: relative !important;
    min-width: 116px !important;
    padding: 0 30px 0 12px !important;
    gap: 7px !important;
    white-space: nowrap !important;
  }

  #filter form .wpas-taxonomy-field .label-container label {
    color: #4e5967 !important;
    line-height: 34px !important;
    cursor: pointer !important;
  }

  #filter form .wpas-taxonomy-field .label-container:after {
    position: absolute !important;
    right: 11px !important;
    top: 50% !important;
    margin-top: -6px !important;
    opacity: .58 !important;
  }

  #filter form .wpas-taxonomy-field .field-container {
    display: none !important;
    position: absolute !important;
    top: calc(100% + 7px) !important;
    left: 0 !important;
    width: 250px !important;
    max-width: min(360px, 90vw) !important;
    max-height: 360px !important;
    padding: 7px !important;
    margin: 0 !important;
    overflow: auto !important;
    background: rgba(255,255,255,0.98) !important;
    border: 1px solid rgba(65, 80, 100, 0.12) !important;
    border-radius: 8px !important;
    box-shadow: 0 14px 30px rgba(22, 34, 55, 0.16) !important;
    z-index: 10030 !important;
  }

  #filter form .wpas-taxonomy-field:hover .field-container,
  #filter form .wpas-taxonomy-field:focus-within .field-container,
  #filter form .wpas-taxonomy-field.active .field-container {
    display: block !important;
  }

  #filter form .wpas-taxonomy-field .field-container .field-container-inner {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 4px !important;
    max-height: none !important;
    align-items: stretch !important;
    align-content: stretch !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #filter form .wpas-taxonomy-field .field-container .wpas-checkbox-container,
  #filter form .wpas-taxonomy-field .field-container .wpas-radio-container {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #filter form .wpas-taxonomy-field .field-container .wpas-checkbox-container input + label,
  #filter form .wpas-taxonomy-field .field-container .wpas-radio-container input + label {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 8px 10px !important;
    margin: 0 !important;
    border-radius: 6px !important;
    color: #4e5967 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    background: transparent !important;
    border: 0 !important;
    cursor: pointer !important;
  }

  #filter form .wpas-taxonomy-field .field-container .wpas-checkbox-container:hover input + label,
  #filter form .wpas-taxonomy-field .field-container .wpas-radio-container:hover input + label {
    background: rgba(108,221,215,0.12) !important;
    color: #119d99 !important;
  }

  #filter form .wpas-taxonomy-field .field-container .wpas-checkbox-container input:checked + label,
  #filter form .wpas-taxonomy-field .field-container .wpas-radio-container input:checked + label,
  #filter form .wpas-meta_key-field .field-container .wpas-checkbox-container input:checked + label,
  #filter form .wpas-meta_key-field .field-container .wpas-radio-container input:checked + label,
  #filter form .wpas-post_type-field .field-container .wpas-checkbox-container input:checked + label,
  #filter form .wpas-post_type-field .field-container .wpas-radio-container input:checked + label {
    background: #6cddd7 !important;
    color: #102026 !important;
    border-color: #6cddd7 !important;
  }

  #filter form .wpas-meta_key-field .field-container,
  #filter form .wpas-meta_key-field .field-container-inner,
  #filter form .wpas-post_type-field .field-container,
  #filter form .wpas-post_type-field .field-container-inner {
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    background: transparent !important;
    border: 0 !important;
  }

  #filter form .wpas-meta_key-field .field-container .wpas-checkbox-container,
  #filter form .wpas-meta_key-field .field-container .wpas-radio-container,
  #filter form .wpas-post_type-field .field-container .wpas-checkbox-container,
  #filter form .wpas-post_type-field .field-container .wpas-radio-container {
    margin: 0 !important;
    padding: 0 !important;
  }

  #filter form .wpas-meta_key-field .field-container .wpas-checkbox-container input + label,
  #filter form .wpas-meta_key-field .field-container .wpas-radio-container input + label {
    min-width: 31px !important;
    padding: 0 10px !important;
  }

  #filter form .wpas-post_type-field .label-container {
    display: none !important;
  }

  #filter form .wpas-post_type-field .field-container .wpas-checkbox-container input + label,
  #filter form .wpas-post_type-field .field-container .wpas-radio-container input + label {
    min-width: 72px !important;
    padding: 0 12px !important;
  }

  #filter form #wpas-orderby .select_div:hover,
  #filter form .wpas-taxonomy-field:hover .label-container,
  #filter form #wpas-order .orderdir_div:hover,
  #filter form .wpas-meta_key-field .field-container .wpas-checkbox-container:hover input + label,
  #filter form .wpas-meta_key-field .field-container .wpas-radio-container:hover input + label,
  #filter form .wpas-post_type-field .field-container .wpas-checkbox-container:hover input + label,
  #filter form .wpas-post_type-field .field-container .wpas-radio-container:hover input + label {
    border-color: rgba(108, 221, 215, 0.85) !important;
    color: #159b97 !important;
    background: rgba(108,221,215,0.08) !important;
  }

  #filter form #wpas-submit,
  #filter .filter-btn {
    display: none !important;
  }
}

/* =============================================================
   PsyPlay v19: stable desktop filter dropdowns
   Keeps mobile behavior untouched. Fixes hover gap and adds class
   support for click-open dropdowns from footer.php.
   ============================================================= */
@media screen and (min-width: 992px) {
  #filter form .wpas-taxonomy-field .field-container {
    top: calc(100% - 1px) !important;
  }

  #filter form .wpas-taxonomy-field .field-container::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -8px;
    height: 8px;
    display: block;
    background: transparent;
  }

  #filter form .wpas-taxonomy-field.psyplay-dropdown-open .field-container {
    display: block !important;
  }

  #filter form .wpas-taxonomy-field.psyplay-dropdown-open .label-container {
    border-color: rgba(108, 221, 215, 0.85) !important;
    color: #159b97 !important;
    background: rgba(108, 221, 215, 0.08) !important;
  }

  #filter form .wpas-taxonomy-field.psyplay-dropdown-open .label-container:after {
    transform: rotate(180deg);
  }
}

/* =============================================================
   PsyPlay v20: desktop filter dropdown lifecycle + active chips
   Dropdowns are click-driven on desktop, close after selection,
   and selected filters are shown under the panel. Mobile untouched.
   ============================================================= */
@media screen and (min-width: 992px) {
  #filter form .wpas-taxonomy-field:hover .field-container,
  #filter form .wpas-taxonomy-field:active .field-container,
  #filter form .wpas-taxonomy-field:focus .field-container,
  #filter form .wpas-taxonomy-field:focus-within .field-container,
  #filter form .wpas-taxonomy-field.active .field-container {
    display: none !important;
  }

  #filter form .wpas-taxonomy-field.psyplay-dropdown-open .field-container {
    display: block !important;
  }

  #filter form .wpas-taxonomy-field.psyplay-dropdown-open .label-container:after {
    transform: rotate(180deg);
  }

  .psyplay-active-filters {
    display: none;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    max-width: 1290px;
    margin: 8px auto 0;
    padding: 0 4px;
    font-size: 13px;
    line-height: 1.2;
  }

  .psyplay-active-filters.has-filters {
    display: flex;
  }

  .psyplay-active-filters-label {
    color: rgba(70, 82, 98, 0.78);
    font-weight: 400;
    margin-right: 2px;
  }

  .psyplay-filter-chip {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-height: 22px;
    max-width: 280px;
    padding: 0 2px 0 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: #3f4b59;
    font-size: 12.5px;
    font-weight: 400;
    white-space: nowrap;
  }

  .psyplay-filter-chip-text {
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400;
  }

  .psyplay-filter-chip-remove {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #738091;
    font-size: 15px;
    line-height: 16px;
    cursor: pointer;
    transition: background .12s ease, color .12s ease;
  }

  .psyplay-filter-chip-remove:hover,
  .psyplay-filter-chip-remove:focus {
    background: rgba(108, 221, 215, 0.22);
    color: #0f8f8a;
    outline: none;
  }
}