/* LC Sales Booster, Rabattanzeige. Nur Anordnung und Aufbau; Farben nur aus den Gestaltungswerten des Templates mit
   Ersatzwert (Leitlinie 8.6): --lc-rabatt (Schild und Angebotspreis), --lc-rabatt-text (Schrift auf dem Schild),
   --lc-text-leise (alter Preis); Rundung des Schilds aus --lc-radius. */

.lcsb-schild {
    display: inline-block;
    background: var(--lc-rabatt, #c8102e);
    color: var(--lc-rabatt-text, #fff);
    border-radius: var(--lc-radius, 2px);
    font-weight: 700;
    line-height: 1;
    padding: .4em .5em;
    white-space: nowrap;
    vertical-align: middle;
}

/* Schild auf dem Artikelbild, Ecke und Abstand aus den Einstellungen */
.lcsb-schild--bild {
    position: absolute;
    z-index: 2;
    top: var(--lcsb-abstand, 8px);
    left: var(--lcsb-abstand, 8px);
    text-align: left;
}

.lcsb-schild--rechts-oben,
.lcsb-schild--rechts-unten {
    left: auto;
    right: var(--lcsb-abstand, 8px);
    text-align: right;
}

.lcsb-schild--links-unten,
.lcsb-schild--rechts-unten {
    top: auto;
    bottom: var(--lcsb-abstand, 8px);
}

/* Auf dem Bild stehen Text und Wert in zwei Zeilen, der Text kleiner */
.lcsb-schild--bild .lcsb-schild__text {
    display: block;
    font-size: 70%;
    margin-bottom: .25em;
}

.lcsb-schild--bild .lcsb-schild__wert {
    display: block;
}

.lcsb-rabatt--text {
    margin: .25rem 0;
}

.lcsb-rabatt--detail {
    margin: .25rem 0 .5rem;
}

/* Preiszeile: Angebotspreis in der Angebotsfarbe, alter Preis leise daneben */
.lcsb-neu,
.lcsb-neu * {
    color: var(--lc-rabatt, #c8102e);
}

/* Angebotspreis in der Textfarbe wie normale Preise (Startwert seit 29.10.2026); AVIA färbt Sonderpreise selbst rot */
.lcsb-neu--textfarbe,
.lcsb-neu--textfarbe * {
    color: var(--lc-text, #333);
}

.lcsb-alt,
.lcsb-alt-text {
    color: var(--lc-text-leise, #6e6e6e);
    font-weight: 400;
    margin-left: .5em;
    white-space: nowrap;
}

.lcsb-alt {
    font-size: .9em;
}

.lcsb-alt-text + .lcsb-alt {
    margin-left: .25em;
}

.lcsb-alt--ohne {
    text-decoration: none;
}

.lcsb-alt--schild {
    text-decoration-color: var(--lc-rabatt, #c8102e);
}

.lcsb-schild--detail {
    margin-left: .5em;
}

/* Alter Preis und Schild mittig zum Preis, nicht an dessen Unterkante oder Grundlinie (Mockup, Wunsch des Nutzers vom
   28.10.2026): align-self, wenn das Template die Preiszeile als Flexbox baut (AVIA auf der Artikelseite:
   .special-price mit align-items: flex-end), sonst vertical-align (NOVA, Artikellisten) */
.lcsb-alt,
.lcsb-alt-text,
.lcsb-schild--detail {
    align-self: center;
    vertical-align: middle;
}

/* Artikellisten, alter Preis „Neben dem Preis, mit Text“: „Statt:“ oder „UVP:“ und der alte Preis klein neben dem Preis */
.lcsb-vergleich {
    font-size: max(.65em, .75rem);
    margin-left: .6em;
    white-space: nowrap;
    vertical-align: middle;
}

.lcsb-vergleich .lcsb-alt,
.lcsb-vergleich .lcsb-alt-text {
    font-size: 1em;
    margin-left: 0;
}

.lcsb-vergleich .lcsb-alt-text + .lcsb-alt {
    margin-left: .25em;
}

/* Artikelseite, Anordnung „Ersparnis vor dem Preis, alter Preis darunter“ (Entwurf D1): die Ersparnis in der Größe des
   Preises davor, der alte Preis in einer eigenen Zeile darunter; ein Block im Preisbereich des Templates */
.lcsb-preise--darunter {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    vertical-align: top;
}

.lcsb-preise__zeile {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0 .3em;
}

.lcsb-ersparnis {
    color: var(--lc-rabatt, #c8102e);
    font-weight: 300;
}

.lcsb-preise__unten {
    font-weight: 400;
    line-height: 1.4;
}

.lcsb-preise__unten > :first-child {
    margin-left: 0;
}

/* Text nur fuer Screenreader */
.lcsb-nur-vorlesen {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}