/* SmartRocks Variation UI — custom swatch / chip / stepper styles */

/* Hide original Woo select rows we've replaced */
form.variations_form table.variations tr.sr-original-hidden { display: none; }
form.variations_form table.variations.sr-all-hidden { display: none; }
form.variations_form a.reset_variations { display: none; }

/* Variation UI block container */
.sr-variation-row { margin: 0 0 24px; display: block; }
.sr-variation-row__label {
    display: block;
    font-family: inherit;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 8px;
}

/* Farben swatches */
.sr-variation-swatches { display: flex; gap: 6px; flex-wrap: wrap; padding: 0; margin: 0; list-style: none; }
.sr-variation-swatch { padding: 0; margin: 0; }
.sr-variation-swatch__btn { display: block; width: 17px; height: 17px; border-radius: 50%; border: 1px solid #000; background: var(--swatch-color, #ccc); padding: 0; cursor: pointer; box-sizing: border-box; }
.sr-variation-swatch.is-active .sr-variation-swatch__btn { box-shadow: 0 0 0 2px #fff inset, 0 0 0 3px #000; }
.sr-variation-swatch__btn:disabled { opacity: 0.3; cursor: not-allowed; }

/* Pakete chips */
.sr-variation-chips { display: flex; gap: 16px; flex-wrap: wrap; padding: 0; margin: 0; list-style: none; }
.sr-variation-chip { padding: 0; margin: 0; }
.sr-variation-chip__btn {
    display: inline-block;
    padding: 8px 16px;
    background: #fff;
    color: var(--bde-palette-color-1-6566b806-d361-4056-a4df-3a9849fa275b); /* SR Blau */
    border: 1.5px solid var(--bde-palette-color-1-6566b806-d361-4056-a4df-3a9849fa275b);
    border-radius: 6px;
    cursor: pointer;
    font-family: inherit;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    box-sizing: border-box;
    transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.sr-variation-chip.is-active .sr-variation-chip__btn {
    background: var(--bde-palette-color-1-6566b806-d361-4056-a4df-3a9849fa275b);
    color: #fff;
    border-color: var(--bde-palette-color-1-6566b806-d361-4056-a4df-3a9849fa275b);
}
.sr-variation-chip__btn:disabled { opacity: 0.3; cursor: not-allowed; }

/* Quantity stepper */
.sr-qty { display: inline-flex; align-items: center; gap: 12px; }
.sr-qty__btn { width: 36px; height: 36px; border-radius: 50%; background: #e5e7eb; border: none; color: #1f1f1f; cursor: pointer; padding: 0; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; }
.sr-qty__btn svg { display: block; width: 16px; height: 16px; }
.sr-qty__btn:disabled { opacity: 0.4; cursor: not-allowed; }
.sr-qty__value {
    width: 40px;
    min-width: 24px;
    text-align: center;
    font-family: inherit;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: inherit;
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    box-shadow: none;
    -moz-appearance: textfield;
    appearance: textfield;
}
.sr-qty__value:focus { outline: none; }
.sr-qty__value::-webkit-outer-spin-button,
.sr-qty__value::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* Hide native quantity wrapper (input stays in DOM for form submission) */
form.variations_form .variations_button .quantity { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }