.elementor-144416 .elementor-element.elementor-element-4998cab{--display:flex;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:767px){.elementor-144416 .elementor-element.elementor-element-4998cab{--padding-top:10%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}}/* Start custom CSS for filter-everything-filters, class: .elementor-element-e18c86d */.wpc-term-count-0 {
    display: none;
}

/* 1. Make the list container horizontal */
.wpc-filters-ul-list {
    display: flex !important;
    flex-wrap: wrap; /* Allows buttons to wrap to next line if there are many */
    gap: 10px;      /* Space between buttons */
    padding: 0;
    list-style: none;
}

/* 2. Hide the actual checkbox input */
.wpc-filters-ul-list input[type="checkbox"] {
    display: none !important;
}

/* 3. Style the Content Wrapper (the list item) */
.wpc-checkbox-item {
    margin: 0 !important;
    padding: 0 !important;
}

/* 4. Style the Label to look like a Button */
.wpc-filters-ul-list label {
    display: flex;
    align-items: center;
    padding: 8px 16px;
    border: 1px solid #ddd;
    border-radius: 4px; /* Rounded corners */
    background-color: #f9f9f9;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 14px;
    color: #333;
}

/* Style for the Link/Text inside the label */
.wpc-filters-ul-list label a {
    text-decoration: none;
    color: inherit;
    pointer-events: none; /* Ensures the click registers on the label/checkbox */
}

/* 5. Hover Effect */
.wpc-filters-ul-list label:hover {
    background-color: #eee;
    border-color: #bbb;
}

/* 6. Active/Selected State Styling */
/* This targets the label when the hidden checkbox is checked */
.wpc-filters-ul-list input:checked + label {
    background-color: #000; /* Change to your brand color */
    color: #fff;
    border-color: #000;
}

/* 7. Optional: Style the term count (the numbers in brackets) */
.wpc-term-count {
    font-size: 11px;
    margin-left: 5px;
    opacity: 0.7;
}

/* Adjust for the Fabric title to ensure it stays above */
.wpc-filter-header {
    margin-bottom: 15px;
}

/* Hide all filter titles */
.wpc-filter-header, .wpc-filter-set-widget-title {
    display: none !important;
}/* End custom CSS */