.vcf-filter{font:inherit;--vcf-size:25px}.vcf-filter .vcf-colors{list-style:none;margin:0;padding:0;display:grid;gap:10px}.vcf-filter .vcf-colors>li{margin:0;padding:0}.vcf-layout-double .vcf-colors{grid-template-columns:repeat(2,minmax(0,1fr))}.vcf-layout-inline .vcf-colors{display:flex;flex-wrap:wrap;gap:10px}.vcf-filter .vcf-choice{display:inline-flex;gap:10px;align-items:center;position:relative;color:inherit;text-decoration:none;max-width:100%}.vcf-filter a:focus-visible{outline:2px solid currentColor;outline-offset:4px}.vcf-filter .vcf-swatch{box-sizing:border-box;position:relative;display:inline-flex;flex:none;width:var(--vcf-size);height:var(--vcf-size);border-radius:50%}.vcf-filter .vcf-swatch .wd-swatch-bg{display:block;width:100%;height:100%;border-radius:inherit;box-shadow:inset 0 0 0 1px #0002}.vcf-size-small{--vcf-size:15px}.vcf-size-large{--vcf-size:35px}.vcf-shape-square .vcf-swatch{border-radius:0}.vcf-shape-rounded .vcf-swatch{border-radius:5px}.vcf-labels-off .vcf-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.vcf-filter .is-selected{font-weight:600}.vcf-standalone .is-selected .vcf-swatch{outline:2px solid currentColor;outline-offset:3px}.vcf-filter .vcf-clear{display:inline-block;margin-top:12px;text-decoration:underline;font-size:.9em}.vcf-filter .vcf-label{overflow-wrap:anywhere}
.vcf-active-filters{display:flex;gap:16px;flex-wrap:wrap;margin:0 0 20px}.vcf-active-filters a{color:inherit}
/* WoodMart owns the checkmark and hover cross. Extend its hover state to keyboard focus. */
.vcf-woodmart .wd-swatches-filter .wd-swatch-wrap.wd-active a:focus-visible .wd-swatch.wd-bg:before{opacity:1}.vcf-woodmart .wd-swatches-filter:not(.wd-bg-style-1) .wd-swatch-wrap.wd-active a:focus-visible .wd-swatch.wd-bg:after{opacity:0}
/* Small fallback for themes without WoodMart's icon font/styles. */
.vcf-standalone .is-selected .vcf-swatch:after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:inherit;background:rgba(0,0,0,.2);color:white;font:normal 18px/1 Arial,sans-serif}.vcf-standalone .is-selected:hover .vcf-swatch:after,.vcf-standalone .is-selected:focus-visible .vcf-swatch:after{content:"×";font-size:24px}