/* ============================================================
   fabrilogy™ — Rabatt-Badge im Produkt-Listing
   Pfad: /httpdocs/shop/templates/ew_evelations/css/fabrilogy_pricing.css
   KK 18.05.2026
   ============================================================ */


/* ── Panel als Referenzrahmen für das absolut positionierte Badge ── */
.listing-switch-area-v1 .section.panel-discount {
    position: relative;
}


/* ── V1 Kachelansicht: Rabatt-Badge oben rechts auf der Karte ── */
.listing-switch-area-v1 .section.panel-discount .product-price .price-discount {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;

    /* Erzwungene Zentrierung via Flexbox */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    text-align: center !important;

    background: #ff7a00 !important;
    color: #ffffff !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    padding: 5px 12px !important;
    border-radius: 4px !important;
    line-height: 1 !important;

    z-index: 3 !important;
    white-space: nowrap !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.12) !important;
    margin: 0 !important;
}


/* ── V2 Listenansicht: Rabatt-Badge inline neben dem Preis ── */
.listing-switch-area-v2 .product-price .price-discount {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    text-align: center !important;

    background: #ff7a00 !important;
    color: #ffffff !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    padding: 3px 10px !important;
    border-radius: 4px !important;
    line-height: 1 !important;

    white-space: nowrap !important;
    margin: 0 4px !important;
}