/* Lieferhinweis + Countdown – Promo-Stil in GRÜN */
.wehlu-delivery{
    /* Farben an einem Ort – bei Bedarf nur diese 5 Werte ändern */
    --c-bg:      #F1FBF5;   /* sehr helles Grün (Hintergrund) */
    --c-border:  #CFEADB;   /* feine Außenlinie */
    --c-accent:  #198754;   /* linker Balken (Bootstrap-success) */
    --c-text:    #184E34;   /* Textfarbe */
    --c-icon:    #198754;   /* Icon-Farbe */

    position: relative;
    display: flex;
    gap: .75rem;
    align-items: flex-start;
    padding: .95rem 1.1rem;
    margin: .5rem 0 1rem;

    background: var(--c-bg);
    border: 1px solid var(--c-border);
    border-radius: 12px;

    /* Linker, abgerundeter Farbbalken – identischer Look wie Promo */
    box-shadow: inset 6px 0 0 0 var(--c-accent);

    color: var(--c-text);
    font-size: .95rem;
    line-height: 1.5;
}

.wehlu-delivery i{
    color: var(--c-icon);
    margin-top: .1rem;
    font-size: 1.05rem;
}

.wehlu-delivery .wehlu-countdown{
    font-weight: 700;
}

.wehlu-delivery .wehlu-date{
    font-weight: 700;
    text-decoration: underline;
}
/* Neutraler (grauer) Fallback nur, wenn KEINE Alert‑Klasse gesetzt ist */
.wehlu-delivery:not(.alert){
    background:#f8f9fa;
    border:1px solid #e2e3e5;
}

/* ──────────────────────────────────────────────────────────
   Promo-Style in GRÜN (wie die gelbe Promo-Meldung, nur success)
   ────────────────────────────────────────────────────────── */
.wehlu-delivery.alert.alert-success{
    background:#edf7ed;           /* zartes Grün (analog zu Bootstrap success subtle) */
    border:1px solid #d1e7dd;
}

.wehlu-delivery.alert.alert-success i{
    color:#0f5132;                 /* Icon in dunkelgrün */
}

.wehlu-delivery.alert.alert-success .wehlu-countdown,
.wehlu-delivery.alert.alert-success .wehlu-date{
    color:#0f5132;                 /* betonte, grüne Highlights */
}

/* Unterstreichung der Daten wie beim gelben Banner beibehalten */
.wehlu-delivery .wehlu-date{ text-decoration: underline; }