/*
 * Size Stock Display — styles
 * Labels appear beneath each size swatch or inside the dropdown option text.
 */

/* ── Base label ──────────────────────────────────────────────────────── */
.wc-ssd-label {
    display: block;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.2;
    margin-top: 4px;
    text-align: center;
    letter-spacing: 0.02em;
}

/* ── In stock / plenty ───────────────────────────────────────────────── */
.wc-ssd-ok {
    color: #0F6E56; /* teal-600 — matches your "Festive" brand colour */
}

/* ── Low stock (≤ threshold) ─────────────────────────────────────────── */
.wc-ssd-low {
    color: #D85A30; /* warm orange-red */
}

/* ── Out of stock ────────────────────────────────────────────────────── */
.wc-ssd-out {
    color: #888780; /* muted gray */
}

/* ── Swatch container: make sure there's room for the label ─────────── */
.variable-items-wrapper li,
.swatches-select li,
.swatch-item,
.tawcvs-swatches .swatch,
.woo-variation-swatches .swatch,
.iconic-swatches .iconic-swatch {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    /* add a little extra bottom padding so the label doesn't feel cramped */
    padding-bottom: 6px !important;
}