.wpc-widget-close-container,
.wpc-filters-widget-top-container,
.wpc-search-clear-icon-wrapper,
.wpc-filters-widget-controls-container,
.wpc-instead-of-posts-found,
.wpc-posts-found {
    display: none;
}

.catalog-header {
    margin-bottom: 25px;
}

.catalog-inner {
    display: flex;
    justify-content: space-between;
    gap: 24px;
}

@media (max-width: 991px) {
    .catalog-header {
        margin: 0;
    }

    .catalog-inner {
        gap: 0;
    }
}

/* Filters */

.catalog-filters {
    flex-shrink: 0;
    width: 320px;
    padding: 30px 24px;
    background: var(--primary-color);
    border-radius: 20px;
    height: min-content;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.catalog-filters__head {
    display: none;
    justify-content: space-between;
    align-items: center;
}

.catalog-filters__title {
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
}

.catalog-filters .wpc-custom-selected-terms {
    display: none;
}

.wpc-filters-widget-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.wpc-filter-title {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 130%;
    font-weight: 600;
}

.wpc-term-item-content-wrapper {
    display: flex;
    gap: 8px;
    position: relative;
    align-items: center;
}

.wpc-filters-main-wrap ul.wpc-filters-ul-list {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

body .wpc-filters-main-wrap li.wpc-term-item {
    margin-bottom: 4px;
}

.wpc-term-item-content-wrapper:has(input[type=checkbox]:checked)::before {
    content: url('data:image/svg+xml,<svg width="13" height="10" viewBox="0 0 13 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.40705 7.3125L11.4696 0.25C11.6362 0.0833335 11.8307 0 12.0529 0C12.2751 0 12.4696 0.0833335 12.6362 0.25C12.8029 0.416667 12.8862 0.614722 12.8862 0.844167C12.8862 1.07361 12.8029 1.27139 12.6362 1.4375L4.99038 9.10417C4.82372 9.27083 4.62927 9.35417 4.40705 9.35417C4.18483 9.35417 3.99038 9.27083 3.82372 9.10417L0.240385 5.52083C0.073718 5.35417 -0.00628205 5.15639 0.000384615 4.9275C0.00705128 4.69861 0.0939955 4.50056 0.261218 4.33333C0.42844 4.16611 0.626496 4.08278 0.855385 4.08333C1.08427 4.08389 1.28205 4.16722 1.44872 4.33333L4.40705 7.3125Z" fill="%231C1C1C"/></svg>');
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%) translateX(-6px);
    pointer-events: none;
}

.wpc-filters-main-wrap li.wpc-term-item input[type=checkbox] {
    width: 24px;
    height: 24px;
    margin: 0;
    appearance: none;
    background: var(--text-color);
    cursor: pointer;
    flex-shrink: 0;
    border-radius: 100%;
    cursor: pointer;
}

.wpc-filters-main-wrap li.wpc-term-item label {
    opacity: 1 !important;
}

.wpc-filters-main-wrap li.wpc-term-item a {
    opacity: 1 !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 130%;
}

.wpc-filters-main-wrap ul.children {
    padding: 0;
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

.wpc-edit-filter-set {
    margin-top: 16px;
}

.wpc-edit-filter-set a {
    text-decoration: underline;
    font-weight: 600;
}


@media (max-width: 991px) {
    .catalog-filters {
        transform: translateX(-100%);
        position: fixed;
        left: 0;
        top: 0;
        width: 80%;
        height: 100%;
        transition: .3s;
    }

    .catalog-filters.show {
        transform: none;
    }

    .catalog-filters__head {
        display: flex;
    }

    .catalog-filters .wpc-custom-selected-terms {
        display: flex;
    }

    .wpc-filters-open-button-container {
        display: block;
    }

    body .wpc-filters-open-button-container a.wpc-filters-open-widget {
        background: #F4F5F8;
        border: 1px solid #6B748B73;
        font-size: 14px;
        font-weight: 400;
        line-height: normal;
        padding: 10px 16px;
        border-radius: 4px;
    }

    .wpc-filters-widget-controls-item  {
        width: calc(50% - 5ox);
    }

    .wpc-filters-main-wrap .wpc-filters-widget-controls-container a {
        background: white;
        border: none;
        font-size: 14px;
        padding: 10px 14px;
        color: black;
        border: 1px solid #D1D1D1;
    }
    
    body .wpc-filters-main-wrap .wpc-filters-widget-controls-container a.wpc-filters-apply-button {
        background: #233462;
        border: none;
        color: white;
    }
}

/* Range */

.wpc-filters-range-wrapper {
    display: flex;
    justify-content: flex-start;
    gap: 16px;
}

.wpc-filters-range-column {
    flex: 1;
    max-width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
}

.wpc-filters-range-column label {
    font-weight: 500;
    font-size: 14px;
}

.wpc-filters-range-values-wrapper {
    display: none;
}

.wpc-filters-range-wrapper input[type=number] {
    font-weight: 600;
    width: 100%;
    padding: 8px 16px;
}

.wpc-filter-layout-submit-button {
    display: flex;
    align-items: center;
    gap: 16px;
}

.wpc-filter-layout-submit-button .btn {
    flex: 1;
    width: 100%;
    padding: 15px;
    font-size: 14px;
}

/* Results */

.catalog-results {
    width: 100%;
    flex: 1;
}

.catalog-results [data-target="filtersOpen"]{
    display: none;
}

.catalog-results__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 24px;
}

.catalog-results__head:has(.wpc-empty-chips-container){
    display: none;
}

@media (max-width: 991px){
    .catalog-results__head:has(.wpc-empty-chips-container) {
        display: block;
    }

    .catalog-results [data-target="filtersOpen"]{
        display: flex;
    }

    .catalog-results .wpc-custom-selected-terms {
        display: none;
    }
}

/* Chips */

.wpc-filter-chips-list {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.wpc-filter-chip.btn {
    font-size: 14px;
    padding: 15px;
}

.wpc-filter-chip a {
    color: var(--primary-color);
}

.wpc-button-inner,
.wpc-chip-content {
    gap: 10px;
}

@media (max-width: 991px){
    .wpc-filter-chips-list {
        gap: 8px;
    }

    .wpc-filter-chip.btn {
        font-size: 12px;
        padding: 12px 15px;
    }
}