/*
 * Ausverkauft-Badge. Farben, Schrift, Abstände und Position kommen als
 * Inline-CSS aus den Modul-Settings.
 */

.sit-soldout[hidden] {
    display: none !important;
}

.sit-soldout {
    position: absolute;
    z-index: 10;
    padding: var(--sit-soldout-padding, 3px 8px);
    border-radius: var(--sit-soldout-radius, 0);
    background: var(--sit-soldout-bg, #222);
    color: var(--sit-soldout-color, #fff);
    font-size: var(--sit-soldout-size, 12px);
    font-weight: var(--sit-soldout-weight, bold);
    line-height: 1.4;
    text-align: center;
    pointer-events: none;
}

/* Ersatz für „Nicht vorrätig“ auf der Produktseite. */
.sit-soldout-text {
    display: inline-block;
    padding: 0.75em 1em;
    background: var(--sit-soldout-bg, #222);
    color: var(--sit-soldout-color, #fff);
    border-radius: var(--sit-soldout-radius, 0);
}