/* Knife Category Catalog Overrides */

/* Basic Layout */
.prdctfltr_wc .prdctfltr_filter label {
    display: flex !important;
    align-items: center !important;
    gap: 8px;
    padding: 3px 0;
    cursor: pointer;
    font-size: 14px;
}

.prdctfltr_wc .prdctfltr_filter label>span:not(.pf-toggle) {
    flex: 1 1 auto;
}

/* Toggle button (+) */
.prdctfltr_wc .prdctfltr_filter label .pf-toggle {
    margin-left: auto;
    font-size: 20px;
    line-height: 24px;
    color: #999;
    cursor: pointer;
    user-select: none;
    padding-right: 8px;
}

.prdctfltr_wc .prdctfltr_filter label .pf-toggle:before,
.prdctfltr_wc.prdctfltr_checkbox .prdctfltr_filter label .pf-toggle:before,
.prdctfltr_wc.prdctfltr_checkbox .prdctfltr_filter label .pf-toggle:after {
    display: none !important;
    content: none !important;
}

/* Count, links and text colors */
.prdctfltr_wc .prdctfltr_filter label .count { color: #999; font-weight: 400; }
.prdctfltr_wc .prdctfltr_filter label .pf-term .pf-link { color: #1F242A; }
.prdctfltr_wc .prdctfltr_children .prdctfltr_child .pf-term .pf-link { color: #1F242A; }
.prdctfltr_wc .prdctfltr_filter label>span:not(.pf-toggle) { color: #1F242A; }

.prdctfltr_children .prdctfltr_cat_item {
    margin: 6px 0;
}
/* Checkbox alignment */
.prdctfltr_wc.prdctfltr_checkbox .prdctfltr_filter label>span:before {
    position: relative;
    top: 3px !important;
    margin-top: 0 !important;
}

.prdctfltr_wc.prdctfltr_checkbox .prdctfltr_filter label.prdctfltr_active>span:before {
    position: relative;
    top: 3px !important;
    margin-top: 0 !important;
    border-color: #1F242A;
}
/* Hide input, it is controlled by label */
.prdctfltr_wc .prdctfltr_filter label input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.prdctfltr_wc.prdctfltr_checkbox .prdctfltr_filter label.prdctfltr_active>span:after {
    top: 3px !important;
}

/* Children block */
.prdctfltr_wc .prdctfltr_children { margin: 5px 0; padding-left: 20px; }
.prdctfltr_wc .prdctfltr_children .prdctfltr_child { display: block; padding: 0; cursor: pointer; }
.prdctfltr_wc .prdctfltr_children .prdctfltr_child span { color: #555; font-size: 14px; }
.prdctfltr_wc .prdctfltr_children .prdctfltr_child .count { color: #999; }

/* Hover and active states */
.prdctfltr_wc .prdctfltr_filter label:hover .pf-term .pf-link,
.prdctfltr_wc .prdctfltr_children .prdctfltr_child:hover .pf-term .pf-link {
    font-weight: 600;
}

.prdctfltr_wc .prdctfltr_filter label:active>span:before {
    border-color: #1F242A;
}

/* Font loading */
.font-loading .prdctfltr_wc.prdctfltr_checkbox .prdctfltr_filter label>span:before {
    opacity: 0;
}

@font-face {
    font-family: 'prdctfltr';
    src: url('fonts/prdctfltr.eot');
    src: url('fonts/prdctfltr.eot?#iefix') format('embedded-opentype'),
         url('fonts/prdctfltr.woff') format('woff'),
         url('fonts/prdctfltr.ttf') format('truetype'),
         url('fonts/prdctfltr.svg#prdctfltr') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}