.wp-block-product-filters {
    position: sticky;
    top: calc(var(--wp-admin--admin-bar--height, 0px) + var(--header-height, 80px));
}

.wp-block-product-filters-title,
.wp-block-product-filters-form {
    padding-inline: 1.5rem;
}

.wp-block-product-filters-title {
    font-family: var(--wp--preset--font-family--heading);
    font-size: var(--wp--preset--font-size--h-5);
}

.wp-block-product-filters-form {
    display: flex;
    flex-direction: column;
    float: none;
    gap: 1.5rem;
    width: 100%;
}

.wp-block-product-filters + .wp-block-query {
    flex-basis: 100%;
}

.wp-block-product-filter-list {
    list-style: none;
    padding: 0;
}

.wp-block-product-filter-item {
    align-items: center;
    display: flex;
    font-size: 0.875rem;
    gap: 0.25em;
    margin-block: 0.25em;
}

.wp-block-product-filter-checkbox {
    appearance: none;
    background-color: transparent;
    border: 1px solid var(--wp--preset--color--default-border);
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px white;
    height: 20px;
    width: 20px;

    &:checked {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 18 18' style='enable-background:new 0 0 18 18;'%3E%3Cpath class='st0' d='M6,15.5c-0.4,0-0.8-0.1-1.1-0.4l-4-4c-0.6-0.6-0.6-1.5,0-2.1c0.6-0.6,1.5-0.6,2.1,0L6,11.9l8.9-8.9c0.6-0.6,1.5-0.6,2.1,0c0.6,0.6,0.6,1.5,0,2.1l-10,10C6.8,15.4,6.4,15.5,6,15.5z' fill='%23877320'/%3E%3C/svg%3E");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 15px;
        border-color: var(--wp--preset--color--deep-gold);
        color: var(--wp--preset--color--deep-gold);
        padding: 2px;
    }
}

.wp-block-product-filter-item .wp-block-product-filter-label {
    margin: 0;
}

.wp-block-product-filters .custom-select {
    display: block;

    &::after {
        height: 10px;
        opacity: 0.75;
        right: 0;
        width: 10px;
    }
}

.wp-block-product-filters .orderby--price {
    background-color: transparent;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: inherit;
    display: block;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: var(--wp--preset--spacing--40);
    min-block-size: auto;
    padding: 0.5rem 0;
    width: 100%;
}

.wp-block-product-filters .wp-block-buttons {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    justify-content: space-between;
}
.wp-block-acf-product-filters .btn-close {
    border: none;
    background: transparent;
    padding: 0.5rem;
    margin: 0 0 0 auto;
    display: none;
    font-size: 1.5rem;
    position: absolute;
    top: 1rem;
    right: 1rem;
    &::before {
        background-image: url("data:image/svg+xml,%3Csvg width='23' height='24' viewBox='0 0 23 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 7.5L17 17.5M7 17.5L17 7.5' stroke='%23212529' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        content: '';
        display: block;
        height: 1em;
        width: 1em;
    }
}
/*
.product-filter-sidebar .orderby--price {
    margin-bottom: 1rem;
}
.product-filter-sidebar .custom-select {
    display: block;
}
.product-filter-sidebar .custom-select:after {
    right:0;
    width: 10px;
    height: 10px;
}
.product-filter-sidebar .custom-select select {
    box-shadow: none !important;
    border: none !important;
    color: inherit;
    border-radius: 0px !important;
    font-size: 1rem;
    padding: 0.5rem 0rem;
    font-weight: 400;
    display: block;
    min-block-size: auto;
    width: 100%;
    font-family: inherit;
    background: white;
}
.product-filter-sidebar label {
    display: block;
}
.wp-block-acf-product-filters .btn-close {
    border: none;
    background: transparent;
    padding: 0.5rem;
    margin: 0 0 0 auto;
    display: none;
    font-size: 1.5rem;
}
.product-filter-sidebar .filter-taxonomy-list, .product-filter-sidebar .filter-taxonomy-list ul {
    list-style: none;
    padding-left: 1rem;
}
.product-filter-sidebar .filter-taxonomy-list a {
    font-weight: 400;
    text-decoration: underline;
    text-decoration-color: transparent;
    text-underline-offset: 5px;
    transition: text-decoration-color 0.3s ease;
    padding: 0.25rem 0;
    display: block;
    &:hover {
        color: var(--wp--preset--color--deep-gold);
        text-decoration-color: var(--wp--preset--color--grey-dark);
    }
}
.product-filter-sidebar .filter-taxonomy-list .current-cat > a, .product-filter-sidebar .filter-taxonomy-list .current-cat-ancestor > a {
    color: var(--wp--preset--color--deep-gold);
    text-decoration-color: var(--wp--preset--color--grey-dark);
}
.product-filter-sidebar .filter-taxonomy-list {
    .has-children {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        .children {
            display: none;
        }
        &.open .children {
            display: block;
        }
        &.open .filter-taxonomy-list-toggle:before {
            transform: rotate(180deg);
        }
    }
    .children {
        width: 100%;
    }
}
.filter-taxonomy-list-toggle {
    flex-grow: 1;
    text-align: right;
    padding: 0.25rem 0 0.25rem 0.5rem;
    cursor: pointer;
    &::before {
        content: "";
        color: inherit;
        background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
        width: 10px;
        height: 10px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        display: block;
        margin-left: auto;
        margin-right: 0;
        transform:rotate(0deg);
        transition: transform 0.3s ease;
    }

}
.product-filter-sidebar .wp-block-details .wp-block-details {
    padding-left: 1rem;
}
.product-filter-sidebar .wp-block-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1.5rem;
}
*/