/* Wrapper nimmt 100% Breite für Ausrichtung ein */
.ovc-wrap {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: var(--ovc-align, center);
    z-index: var(--ovc-z, 10);
    /* Überlappung per negativer Margin */
    margin-top: calc(var(--ovc-overlap-up, 0px) * -1);
    margin-bottom: calc(var(--ovc-overlap-down, 0px) * -1);
}

/* Die rote Box */
.ovc-chip {
    display: inline-block;
    background: var(--ovc-bg, #F1251A);
    color: var(--ovc-color, #fff);
    padding: var(--ovc-pad-y, 10px) var(--ovc-pad-x, 18px);
    border-radius: var(--ovc-radius, 6px);
    font-weight: 700;
    font-size: clamp(14px, 1.4vw, 18px);
    line-height: 1.2;
    white-space: nowrap;
    max-width: var(--ovc-maxw, none);
}

.ovc-chip span {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Mobile-Override der Überlappung */
@media (max-width: 767px) {
    .ovc-wrap {
        margin-top: calc(var(--ovc-overlap-up-sm, var(--ovc-overlap-up, 0px)) * -1);
        margin-bottom: calc(var(--ovc-overlap-down-sm, var(--ovc-overlap-down, 0px)) * -1);
    }
}