/* Core styles for variation swatches - lightweight version - rendering critical */

/* Base layout */
.vierzeh-swatches form.cart :is(th,td) {
    padding: 0;
}

.vierzeh-swatches form.cart :is(th.label,td.label) {
    width: var(--vari-attr-label-w, 120px);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    line-height: 1;
    --tb-cell-pb: 0px;
}

.vierzeh-swatches.vierzeh-swatches--stretch-labels {
    --vari-attr-label-w: 100%;
}

/* Basic swatch list core styles - needed early */
.vierzeh-swatchList {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: var(--list-spacing, var(--components-spacing, 15px));
    gap: var(--item-spacing, 10px);
    justify-content: var(--components-align, start);
}

/* Responsive adjustments */
@media(min-width: 1025px) {
    .vierzeh-swatchList {
        --vari-attr-label-w: 80px;
    }
}