/**
 * Atope Almacén — variation swatch polish (Req. 5).
 */

.cfvsw-swatches-container .cfvsw-swatches-option {
    margin: 0 0.35rem 0.35rem 0;
}

.cfvsw-swatches-container .cfvsw-swatches-option .cfvsw-swatch-inner {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12);
}

.cfvsw-swatches-container .cfvsw-label-option .cfvsw-swatch-inner {
    min-width: 2rem;
    min-height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.75rem;
    letter-spacing: 0.02em;
}

.cfvsw-swatches-container .cfvsw-swatches-option.cfvsw-selected-swatch .cfvsw-swatch-inner,
.cfvsw-swatches-container .cfvsw-swatches-option.selected .cfvsw-swatch-inner {
    box-shadow: inset 0 0 0 2px #111;
}

/* White swatches need a visible edge. */
.cfvsw-swatches-container .cfvsw-swatches-option[data-slug="blanco"] .cfvsw-swatch-inner,
.cfvsw-swatches-container .cfvsw-swatches-option[data-slug="white"] .cfvsw-swatch-inner {
    box-shadow: inset 0 0 0 1px #ccc;
}

body.single-product .cfvsw_variations_form .label,
body.single-product .cfvsw-swatches-container .label {
    font-weight: 600;
    margin-bottom: 0.35rem;
}