/* The chroma facet keeps its text and count, using the term sample as its control. */
.facetwp-facet-chroma.facetwp-type-radio .facetwp-radio {
    align-items: center;
    gap: 8px;
    min-height: 30px;
    padding-left: 0 !important;
}

.facetwp-facet-chroma.facetwp-type-radio .facetwp-radio::before,
.facetwp-facet-chroma.facetwp-type-radio .facetwp-radio::after,
.facetwp-facet.facetwp-facet-chroma .facetwp-checkbox::before,
.facetwp-facet.facetwp-facet-chroma .facetwp-checkbox::after {
    content: none !important;
    display: none !important;
}

.facetwp-facet.facetwp-facet-chroma .facetwp-checkbox {
    align-items: center;
    gap: 8px;
    min-height: 30px;
    padding-left: 0 !important;
}

.facetwp-facet-chroma .facetwp-display-value {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    padding-right: 8px;
}

.facetwp-facet-chroma .nh-chroma-swatch-ring {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    padding: 3px;
    border: 1px solid transparent;
    border-radius: 50%;
    background: #fff;
}

.facetwp-facet-chroma .nh-chroma-swatch {
    display: block;
    box-sizing: border-box;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    border: 1px solid #c9c9c9;
    border-radius: 50%;
}

.facetwp-facet-chroma .facetwp-radio.checked .nh-chroma-swatch-ring,
.facetwp-facet-chroma .facetwp-checkbox.checked .nh-chroma-swatch-ring {
    border-color: #211e1e;
}

.facetwp-facet-chroma .facetwp-counter {
    flex: none;
    margin-left: auto;
}