.facetwp-group-color .facetwp-color .color-swatch {
    display: inline-block;
    border-radius: 50%;
    position: relative;
    height: 24px;
    width: 24px;
    min-width: 24px;
    cursor: pointer;
    margin-right: 10px;
}

/*
.facetwp-group-color .facetwp-color .color-swatch::after {
    border: 1px solid rgba(16, 16, 16, .06);
    border-radius: 50%;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
}

.facetwp-group-color .facetwp-color.checked .color-swatch::after {
    opacity: .6;
    background: 0 0;
    border: 2px solid #674c33;
}

.facetwp-group-color .facetwp-color:not(.disabled):hover .color-swatch::after {
    border: 2px solid orange;
}
*/

.facetwp-group-color .facetwp-color .color-inner {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.facetwp-group-color .facetwp-color .color-swatch {
    border: 2px solid transparent;
}

.facetwp-group-color .facetwp-color.checked .color-swatch,
.facetwp-group-color .facetwp-color.parent-checked .color-swatch {
    padding: 3px;
    border: 2px solid #FF790D;
    position: relative;
    overflow: hidden;
}
.facetwp-group-color .facetwp-color.parent-checked:not(.facetwp-children .parent-checked) .color-swatch {
    border-color: transparent;
}
.facetwp-group-color .facetwp-color.parent-checked:not(.facetwp-children .parent-checked) .color-swatch::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 102%;
    height: 102%;
    background-color: #fff;
}
.facetwp-group-color .facetwp-color.parent-checked:not(.facetwp-children .parent-checked) .color-swatch::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 102%;
    height: 102%;
    background-image: url('../icons/check-mark.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.facetwp-group-color .facetwp-color:not(.disabled):hover .color-swatch {
    padding: 3px;
    border: 2px solid orange;
}

.facetwp-group-color .facetwp-color {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.facetwp-group-color .color-opener {
    width: 25px;
    height: 25px;
    cursor: pointer;
}

.facetwp-group-color .color-opener:after {
    content: ' ';
    background-image: url('../icons/opener.svg');
    background-size: contain;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    display: inline-block;
    width: 14px;
    height: 8px;
    position: relative;
    left: 5px;
    top: 2px;
}

.facetwp-group-color.opened > .facetwp-color .color-opener:after {
    transform: rotate(180deg);
}

.facetwp-group-color {
    width: 100%;
}

.facetwp-group-color .color-label {
    flex-grow: 1;
}

.facetwp-group-color .facetwp-children {
    display: none;
}

.facetwp-group-color.opened > .facetwp-children {
    display: block;
}

.facetwp-group-color.has-children > .facetwp-color > .color-label {
    font-weight: 600;
}

.facetwp-group-color.has-children > .facetwp-color > .color-label .cnt {
    font-weight: 400;
}

.facetwp-group-color.search-hide {
    display: none;
}

.facet-group-color-wrap {
    width: 100%;
}

.facet-group-color-wrap .color-search {
    margin-bottom: 10px;
}

.facetwp-group-color > .facetwp-children {
    padding-left: 10px;
}

.facetwp-group-color .facetwp-color {
    cursor: pointer;
}

.facetwp-group-color .color-label {
    display: flex;
    gap: 5px;
}