/* ----------------------------- facet variables ---------------------------- */
:root {
  /* fonts */
  --facet-font-family: var(--h5-font-family);
  --facet-font-size: var(--h5-font-size);
  --facet-line-height: var(--h5-line-height);
  --facet-text-transform: var(--h5-text-transform);
  --facet-letter-spacing: var(--h5-letter-spacing);
  --facet-font-weight: var(--h5-font-weight);
  --facet-color-default: var(--color-text);
  --facet-hyphens-default: manual;
  --facet-next-prev-height: 1.75rem;
  --facet-next-prev-width: .85rem;
  /* spacing */
  --facet-general-gap: 3rem;
  --facet-gap-underline: .5rem;
}

/* --------------------------------- general -------------------------------- */
@media only screen and (min-width: 768px) {
  .wpgb-facet {
    width: 100%;
    padding: 0 !important;
    max-width: unset !important;
    flex-basis: unset !important;
  }
}
.wpgb-facet > fieldset:last-child {
  margin-bottom: 3rem !important;
}

/* -------------------------------- next/prev ------------------------------- */
.wp-grid-builder .wpgb-area:has(.wpgb-prev-button[disabled] + .wpgb-next-button[disabled]) {
  display: none !important;
}
.wp-grid-builder .wpgb-area-top-2:has(.wpgb-prev-button) {
  gap: 3.2rem;
}
.wp-grid-builder .wpgb-prev-button,
.wp-grid-builder .wpgb-next-button {
  height: var(--facet-next-prev-height);
  width: var(--facet-next-prev-width);
}
.wp-grid-builder .wpgb-prev-button::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--color-1);
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="36" viewBox="0 0 19 36" fill="none"><path d="M4.47062 17.6973L17.7783 0.265625L12.2874 0.265625L1.11165 17.834L12.2874 35.2656H17.7783L4.47062 17.6973Z" fill="%23AD8432" stroke="%23AD8432" stroke-width="0.5"/></svg>') no-repeat center;
  mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="36" viewBox="0 0 19 36" fill="none"><path d="M4.47062 17.6973L17.7783 0.265625L12.2874 0.265625L1.11165 17.834L12.2874 35.2656H17.7783L4.47062 17.6973Z" fill="%23AD8432" stroke="%23AD8432" stroke-width="0.5"/></svg>') no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.wp-grid-builder .wpgb-next-button::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--color-1);
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="36" viewBox="0 0 19 36" fill="none"><path d="M14.5294 17.6973L1.22168 0.265625L6.71257 0.265625L17.8883 17.834L6.71257 35.2656H1.22168L14.5294 17.6973Z" fill="black"/></svg>') no-repeat center;
  mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="36" viewBox="0 0 19 36" fill="none"><path d="M14.5294 17.6973L1.22168 0.265625L6.71257 0.265625L17.8883 17.834L6.71257 35.2656H1.22168L14.5294 17.6973Z" fill="black"/></svg>') no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.wp-grid-builder .wpgb-prev-button svg,
.wp-grid-builder .wpgb-next-button svg,
.wp-grid-builder .wpgb-prev-button::after,
.wp-grid-builder .wpgb-next-button::after {
  display: none;
}

@media only screen and (max-width: 1023px) {
  .wp-grid-builder .wpgb-area-left {
    left: -3rem !important;
  }
  .wp-grid-builder .wpgb-area-right {
    right: -3rem !important;
  }
}
/* ----------------------------- slider bullets ----------------------------- */
.wp-grid-builder .wpgb-page-dots {
  margin-top: 2rem !important;
}
.wp-grid-builder .wpgb-page-dots li {
  width: 0.9rem !important;
  height: 0.9rem !important;
  padding: 0 !important;
  margin: 0 0.5rem !important;
  outline: none !important;
}
.wp-grid-builder .wpgb-page-dots .wpgb-dot:after {
  box-sizing: border-box;
  background-color: transparent !important;
  border: 1px solid var(--color-1) !important;
}
.wp-grid-builder .wpgb-page-dots .wpgb-dot[aria-selected=true]:after {
  background-color: var(--color-1) !important;
}

.dark .wp-grid-builder .wpgb-page-dots .wpgb-dot:after {
  border: 1px solid white !important;
}
.dark .wp-grid-builder .wpgb-page-dots .wpgb-dot[aria-selected=true]:after {
  background-color: var(--color-white) !important;
}

/* -------------------- filter radio/checkbox shared css -------------------- */
.wpgb-checkbox-facet .wpgb-hierarchical-list,
.wpgb-radio-facet .wpgb-hierarchical-list {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.wpgb-radio-facet li:has(input[value=standard]) {
  display: none !important;
}

.wpgb-checkbox-facet .wpgb-checkbox-label,
.wpgb-radio-facet .wpgb-radio-label {
  font-family: var(--facet-font-family) !important;
  font-size: var(--facet-font-size) !important;
  line-height: var(--facet-line-height) !important;
  font-weight: var(--facet-font-weight) !important;
  letter-spacing: var(--facet-letter-spacing) !important;
  text-transform: var(--facet-text-transform) !important;
  color: var(--facet-color-default) !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media only screen and (min-width: 768px) {
  .wpgb-checkbox-facet .wpgb-hierarchical-list {
    flex-direction: row;
    gap: var(--facet-general-gap);
  }
  .wpgb-radio-facet {
    flex-wrap: wrap;
  }
  .wpgb-radio-facet .wpgb-hierarchical-list {
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--facet-general-gap);
  }
  .wpgb-radio-facet .wpgb-hierarchical-list li {
    display: block !important;
    margin: 0 !important;
    border-radius: 0 !important;
  }
}
.wpgb-checkbox-facet .wpgb-checkbox .wpgb-checkbox-label:after,
.wpgb-radio-facet .wpgb-radio .wpgb-radio-label::after {
  content: " ";
  display: block;
  margin-top: var(--facet-gap-underline);
  border-bottom: 1px solid transparent;
}

.wpgb-checkbox-facet .wpgb-checkbox[aria-pressed=true] .wpgb-checkbox-label:after,
.wpgb-radio-facet .wpgb-radio[aria-pressed=true] .wpgb-radio-label::after {
  margin: calc(0.5rem - 4px) auto 0;
  width: 83% !important;
  border-bottom: 4px solid var(--color-2);
}

.wpgb-checkbox-facet .wpgb-checkbox-control,
.wpgb-radio-facet .wpgb-radio-control {
  display: none !important;
}

/* ------------------------------ filter radio ------------------------------ */
/* ------- put your filter radio styling here, instead of this comment ------ */
/* ----------------------------- filter checkbox ---------------------------- */
@media only screen and (min-width: 768px) {
  .wpgb-checkbox-facet .wpgb-hierarchical-list li {
    margin: 0 !important;
    padding: 0 !important;
  }
}
.wpgb-checkbox-facet .wpgb-checkbox[aria-pressed=false] .wpgb-checkbox-label {
  opacity: 0.6;
  transition: var(--transition-normal);
}
.wpgb-checkbox-facet .wpgb-checkbox[aria-pressed=true] .wpgb-checkbox-label, .wpgb-checkbox-facet .wpgb-checkbox[aria-pressed=false]:hover .wpgb-checkbox-label {
  opacity: 1;
  transition: var(--transition-normal);
}

/* ----------------------------- filter dropdown ---------------------------- */
.wpgb-select-facet .wpgb-select {
  display: flex !important;
  min-height: unset !important;
  border: unset !important;
  border-radius: unset !important;
  border-bottom: 1px solid var(--facet-color-default) !important;
  padding-bottom: var(--facet-gap-underline) !important;
}
.wpgb-select-facet .wpgb-select-placeholder {
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
}
.wpgb-select-facet .wpgb-select-placeholder input {
  font-size: var(--facet-font-size) !important;
  line-height: var(--facet-line-height) !important;
  padding: 0 0 0 1rem !important;
  height: fit-content !important;
}
.wpgb-select-facet .wpgb-select-placeholder input::placeholder, .wpgb-select-facet .wpgb-select-placeholder input::-moz-placeholder, .wpgb-select-facet .wpgb-select-placeholder input::-webkit-input-placeholder {
  font-size: var(--facet-font-size) !important;
  color: var(--facet-color-default) !important;
  letter-spacing: var(--facet-letter-spacing) !important;
}
.wpgb-select-facet .wpgb-select-placeholder .wpgb-select-value {
  padding: 0 0 0 1rem !important;
  font-size: var(--facet-font-size) !important;
  color: var(--facet-color-default) !important;
  letter-spacing: var(--facet-letter-spacing) !important;
  line-height: var(--facet-line-height) !important;
  height: fit-content !important;
  top: unset !important;
}

.wpgb-select .wpgb-select-controls {
  height: fit-content !important;
}
.wpgb-select .wpgb-select-controls button {
  height: fit-content !important;
  padding: 0 !important;
  margin: 0 !important;
  background-color: transparent !important;
}
.wpgb-select .wpgb-select-controls button:after {
  display: none;
}
.wpgb-select .wpgb-select-controls button svg {
  fill: var(--facet-color-default) !important;
}
.wpgb-select .wpgb-select-controls .wpgb-select-separator {
  display: none;
}

/* --------------------------------- search --------------------------------- */
.wpgb-search-facet .wpgb-input {
  height: fit-content !important;
  min-height: unset !important;
  font-size: var(--facet-font-size) !important;
  color: var(--facet-color-default) !important;
  letter-spacing: var(--facet-letter-spacing) !important;
  line-height: var(--facet-line-height) !important;
  border-radius: unset !important;
  border: unset !important;
  border-bottom: 1px solid var(--facet-color-default) !important;
  padding: 0 2rem !important;
  padding-bottom: var(--facet-gap-underline) !important;
}
.wpgb-search-facet .wpgb-input-icon {
  top: 0;
  left: 0.5rem;
  width: 1rem;
  margin: 0;
  height: var(--facet-line-height);
}
.wpgb-search-facet .wpgb-clear-button {
  width: fit-content;
  height: var(--facet-line-height);
  bottom: unset;
}

/* ------------------------------- pagination ------------------------------- */
.wpgb-pagination-facet {
  margin-top: 4.8rem;
  display: flex;
  justify-content: center;
}

.wpgb-facet {
  padding: 0 !important;
}
.wpgb-facet .wpgb-pagination li {
  margin: 0rem !important;
}
.wpgb-facet .wpgb-pagination li a {
  font-family: var(--font-3-bold) !important;
  padding: 0 0.7rem !important;
  font-size: var(--h5-font-size) !important;
  line-height: var(--h5-line-height) !important;
  font-weight: var(--h5-font-weight) !important;
  color: var(--color-text) !important;
  outline: none !important;
}
.wpgb-facet .wpgb-pagination li a:hover {
  color: var(--color-2) !important;
  outline: none !important;
}
.wpgb-facet .wpgb-pagination li a[aria-current] {
  color: var(--color-1) !important;
}

.wso-category-vienna .wpgb-facet .wpgb-pagination li[aria-current] {
  color: var(--vienna-primary) !important;
}

/* ----------------------------- loading spinner ---------------------------- */
#Wrapper .wpgb-loader .wpgb-loader-6 * {
  color: var(--color-1) !important;
  background: var(--color-1) !important;
}

/* ------------------------------- responsive ------------------------------- */
@media only screen and (max-width: 1499px) {
  :root {
    /* spacing */
    --facet-general-gap: 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .wpgb-facet .wpgb-pagination-facet {
    margin-top: 4.74rem;
  }
}