/* General FacetWP Styles
--------------------------------------------- */

.facet-label {
    margin: 0;
}

.facet-status {
    display: none;
}

div.facetwp-facet {
    margin: 0;
}

/* Checkboxes
--------------------------------------------- */

.facet-wrap .facetwp-checkbox {
    margin: 0;
}

.facet-wrap .facetwp-checkbox {
    margin-top: var(--wp--preset--spacing--x-small);
}

.facet-wrap .facetwp-facet > .facetwp-checkbox:first-child {
    margin-top: 0;
}

.facet-wrap .facetwp-depth {
    display: block !important;
    margin-left: 1.25em;
}

.facet-wrap .facetwp-checkbox .facetwp-expand {
    display: none !important;
}

.facet-wrap .facetwp-toggle:not(.facetwp-hidden) {
    display: block;
    font-size: var(--wp--preset--font-size--x-small);
    margin-top: var(--wp--preset--spacing--xx-small);
}

/* Search
--------------------------------------------- */

.facetwp-facet.facetwp-type-search .facetwp-input-wrap {
    display: block;
}

.facetwp-facet.facetwp-type-search input.facetwp-search {
    padding: 0.5em 2.5em 0.5em 1em;
    width: 100%;
}

.facetwp-facet.facetwp-type-search .facetwp-icon {
    opacity: 1;
    right: 1em;
}

.facetwp-facet.facetwp-type-search .facetwp-icon::before {
    background: currentColor;
    content: "";
    --de-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M9.8125%209.8125C9.8125%209.8125%2010.0232%209.60176%2010.4447%209.18029C10.8662%208.75881%2011.0769%207.95513%2011.0769%206.76923C11.0769%205.58333%2010.6554%204.56891%209.8125%203.72596C8.96955%202.88301%207.95513%202.46154%206.76923%202.46154C5.58333%202.46154%204.56891%202.88301%203.72596%203.72596C2.88301%204.56891%202.46154%205.58333%202.46154%206.76923C2.46154%207.95513%202.88301%208.96955%203.72596%209.8125C4.56891%2010.6554%205.58333%2011.0769%206.76923%2011.0769C7.95513%2011.0769%208.96955%2010.6554%209.8125%209.8125ZM16%2014.7692C16%2015.1026%2015.8782%2015.391%2015.6346%2015.6346C15.391%2015.8782%2015.1026%2016%2014.7692%2016C14.4231%2016%2014.1346%2015.8782%2013.9038%2015.6346L10.6058%2012.3462C9.45833%2013.141%208.17949%2013.5385%206.76923%2013.5385C5.85256%2013.5385%204.97596%2013.3606%204.13942%2013.0048C3.30288%2012.649%202.58173%2012.1683%201.97596%2011.5625C1.37019%2010.9567%200.889423%2010.2356%200.533654%209.39904C0.177885%208.5625%200%207.6859%200%206.76923C0%205.85256%200.177885%204.97596%200.533654%204.13942C0.889423%203.30288%201.37019%202.58173%201.97596%201.97596C2.58173%201.37019%203.30288%200.889422%204.13942%200.533653C4.97596%200.177884%205.85256%200%206.76923%200C7.6859%200%208.5625%200.177884%209.39904%200.533653C10.2356%200.889422%2010.9567%201.37019%2011.5625%201.97596C12.1683%202.58173%2012.649%203.30288%2013.0048%204.13942C13.3606%204.97596%2013.5385%205.85256%2013.5385%206.76923C13.5385%208.17949%2013.141%209.45833%2012.3462%2010.6058L15.6442%2013.9038C15.8814%2014.141%2016%2014.4295%2016%2014.7692Z%22%20fill%3D%22currentColor%22%2F%3E%0A%3C%2Fsvg%3E");
    -webkit-mask: var(--de-mask-image) no-repeat center;
    mask: var(--de-mask-image) no-repeat center;
    width: 1em;
}

/* Pagination
--------------------------------------------- */

.facetwp-type-pager .facetwp-pager {
    display: flex;
    gap: var(--wp--preset--spacing--xx-small);
    justify-content: center;
}

.facetwp-type-pager .facetwp-pager .facetwp-page {
    border-radius: 5px;
    color: var(--wp--preset--color--main);
    font-size: var(--wp--preset--font-size--x-small);
    font-weight: 400;
    margin: var(--wp--preset--spacing--x-large) 0 0;
    padding: 0.5em 1em;
}

.facetwp-type-pager .facetwp-pager .facetwp-page:hover {
    text-decoration: none;
}

.facetwp-type-pager .facetwp-pager .facetwp-page:not(.prev, .next, .active):hover {
    background-color: var(--wp--preset--color--tertiary);
}

.facetwp-type-pager .facetwp-pager .facetwp-page.active {
    background-color: var(--wp--preset--color--secondary-accent);
    color: var(--wp--preset--color--base);
}

.facetwp-type-pager .facetwp-page.prev,
.facetwp-type-pager .facetwp-page.next {
    align-items: center;
    color: var(--wp--preset--color--secondary-accent);
    column-gap: 0.34em;
    display: flex;
    font-weight: 700;
    padding-inline: 0;
}

.facetwp-type-pager .facetwp-page.prev::before,
.facetwp-type-pager .facetwp-page.next::after {
    background-color: currentColor;
    content: "";
    --de-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 8'%3E%3Cpath d='M0.510079 0.508557C0.423001 0.594691 0.375 0.709359 0.375 0.831407C0.375 0.953455 0.423001 1.06805 0.510079 1.15418L3.26067 3.87493L0.509849 6.59591C0.330384 6.77374 0.330384 7.06303 0.509849 7.24093C0.596927 7.32722 0.712776 7.37485 0.836086 7.375C0.959396 7.37515 1.0754 7.32775 1.16286 7.24139L4.23961 4.19801C4.32569 4.11309 4.375 3.99523 4.375 3.87478C4.375 3.75433 4.32569 3.63692 4.23984 3.55216L1.16278 0.508481C0.982858 0.330506 0.690006 0.330582 0.510079 0.508557Z' fill='currentColor' stroke='currentColor' stroke-width='0.75'/%3E%3C/svg%3E");
    -webkit-mask: var(--de-mask-image) no-repeat center;
    mask: var(--de-mask-image) no-repeat center;
    height: 0.5em;
    width: 0.5em;
}

.facetwp-type-pager .facetwp-page.prev::before {
    transform: rotate(180deg);
}

.facetwp-type-pager .facetwp-page.prev {
    margin-right: auto;
}

.facetwp-type-pager .facetwp-page.next {
    margin-left: auto;
}

.facetwp-type-pager .facetwp-page.disabled {
    opacity: 0.4;
    pointer-events: none;
}

@media (max-width: 767px) {
    .facetwp-type-pager .facetwp-pager .facetwp-page:not(.prev, .next) {
        display: none;
    }
}

/* Load More
--------------------------------------------- */

.facetwp-facet.facetwp-type-pager {
    margin: 0;
}

.facetwp-type-pager .facetwp-load-more {
    background-color: var(--wp--preset--color--secondary-accent);
    border-radius: var(--wp--preset--border-radius--default);
    border: 0;
    color: var(--wp--preset--color--base);
    cursor: pointer;
    font-family: var(--wp--preset--font-family--primary);
    font-size: var(--wp--preset--font-size--small);
    font-weight: 700;
    margin-top: var(--wp--preset--spacing--large);
    padding: 0.5em 1em;
    transition: all var(--transition);
}

.facetwp-type-pager .facetwp-load-more:hover {
    filter: brightness(110%);
}