/* ========================================================================== */
/* 🟢 STEUERUNG & VERWALTUNG                                                  */
/* BLOCK-ID:          CSS-WC-PRICE-02                                         */
/* TITEL:             Durchgestrichener Preis | Single Product                */
/* CSS-KLASSE:        .hand-strike-single (im Widget unter "Erweitert")       */
/* TYPO-REFERENZ ID:  6b80878 (del / Streichpreis)                            */
/*                    f07fd2f (ins / Angebotspreis & regulärer Preis)         */
/* FARB-REFERENZ ID:  215b9bc (Fh_Cl_Acc4 / Rot)                              */
/* ========================================================================== */

/* CONTAINER & AUSRICHTUNG (SINGLE PRODUKTPAGE) */
body .hand-strike-single,
body .hand-strike-single .elementor-widget-container,
body .hand-strike-single p {
    display: flex !important;
    /* 🟠 Ausrichtung der Preise */
    flex-direction: row !important;      /* Preise nebeneinander */
    align-items: baseline !important;    /* Saubere Ausrichtung an der Schriftlinie */
    color: inherit !important;           /* Schriftfarbe aus Widget */
    margin: 0 !important;
}

/* Browser-Standarddekorationen aufheben */
body .hand-strike-single del,
body .hand-strike-single ins {
    text-decoration: none !important;
    background: transparent !important;
}

/* LEERZEICHEN ZWISCHEN CHF UND ZAHL BEI ALLEN PREISEN ENTFERNEN */
body .hand-strike-single .woocommerce-Price-currencySymbol {
    /* 🟠 Abstand Währungssymbol zum Betrag */
    margin-right: -0.28em !important;   /* Zieht den Betrag direkt an "CHF" */
    display: inline-block !important;
}

/* ========================================================================== */
/* 1. ALTER PREIS (STREICHPREIS LINKS BEI SALE)                               */
/* ========================================================================== */
body .hand-strike-single del,
body .hand-strike-single del .woocommerce-Price-amount,
body .hand-strike-single del .woocommerce-Price-amount bdi {
    /* 🟠 Typo-Eigenschaften über globale ID 6b80878 (Alter Streichpreis) */
    font-family: var(--e-global-typography-6b80878-font-family), sans-serif !important;
    font-size: var(--e-global-typography-6b80878-font-size) !important;
    font-weight: var(--e-global-typography-6b80878-font-weight) !important;
    line-height: var(--e-global-typography-6b80878-line-height) !important;
    letter-spacing: var(--e-global-typography-6b80878-letter-spacing) !important;
    color: inherit !important;
}

body .hand-strike-single del {
    position: relative !important;
    display: inline-block !important;
    width: fit-content !important;
    /* 🟠 Deckkraft & Abstand alter Preis */
    opacity: 0.75;
    margin-right: 12px !important;
    margin-bottom: 0 !important;
}

/* 🟠 HANDGEZOGENER ROTER STRICH */
body .hand-strike-single del::after {
    content: '' !important;
    position: absolute !important;
    left: -4% !important;
    top: 50% !important;
    width: 108% !important;
    /* 🟠 Strichstärke, Farbe & Neigung */
    height: 2px !important;
    background-color: var(--e-global-color-215b9bc) !important;
    border-radius: 40% 60% 70% 30% / 50% 40% 60% 50% !important;
    transform-origin: left center !important;
    transform: rotate(-4deg) !important;
    pointer-events: none !important;
    opacity: 0.95 !important;
}

/* ========================================================================== */
/* 2. NEUER PREIS (ANGEBOTSPREIS RECHTS BEI SALE)                             */
/* ========================================================================== */
body .hand-strike-single ins,
body .hand-strike-single ins .woocommerce-Price-amount,
body .hand-strike-single ins .woocommerce-Price-amount bdi {
    /* 🟠 Typo-Eigenschaften über globale ID f07fd2f (Neuer Preis) */
    font-family: var(--e-global-typography-f07fd2f-font-family), sans-serif !important;
    font-size: var(--e-global-typography-f07fd2f-font-size) !important;
    font-weight: var(--e-global-typography-f07fd2f-font-weight) !important;
    line-height: var(--e-global-typography-f07fd2f-line-height) !important;
    letter-spacing: var(--e-global-typography-f07fd2f-letter-spacing) !important;
    color: inherit !important;
}

/* ========================================================================== */
/* 3. REGULÄRER EINZELPREIS (WENN KEIN ANGEBOT VORLIEGT)                      */
/* ========================================================================== */
body .hand-strike-single:not(:has(del)) .woocommerce-Price-amount,
body .hand-strike-single:not(:has(del)) .woocommerce-Price-amount bdi,
body .hand-strike-single:not(:has(del)) span,
body .hand-strike-single:not(:has(del)) {
    /* 🟠 Typo-Eigenschaften über globale ID f07fd2f (Regulärer Preis) */
    font-family: var(--e-global-typography-f07fd2f-font-family), sans-serif !important;
    font-size: var(--e-global-typography-f07fd2f-font-size) !important;
    font-weight: var(--e-global-typography-f07fd2f-font-weight) !important;
    line-height: var(--e-global-typography-f07fd2f-line-height) !important;
    letter-spacing: var(--e-global-typography-f07fd2f-letter-spacing) !important;
    color: inherit !important;
    opacity: 1 !important;
}

/* 🛑 ⛔ [STOP] ENDE DIESES ABSCHNITTS: Durchgestrichener Preis | Single Product / CSS-WC-PRICE-02 ⛔ 🛑 */


/* ========================================================================== */
/* 🟢 STEUERUNG & VERWALTUNG                                                  */
/* BLOCK-ID:          CSS-WC-SAVINGS-11                                       */
/* TITEL:             Sparbetrag-Badge Single Product | Styling               */
/* WICHTIG:           TEIL 1/2 (CSS) – Gehört zwingend zu Teil 2/2:          */
/*                    PHP-WC-SAVINGS-05 in inc/product-single-site/           */
/*                    product-single-site.php                                 */
/* BESCHREIBUNG:      Styling und Einblend-Logik für das grüne Ersparnis-Badge */
/*                    auf der WooCommerce Single-Produkt-Seite.               */
/* HOOK / KLASSE:     .single-savings-badge, .single-savings-badge.is-visible */
/* TYPO-REFERENZ ID:  6b80878 (Kompletter Badge-Text & Betrag einheitlich)    */
/* FARB-REFERENZ ID:  ff81f4e (Hintergrund Hellgrün), 5721865 (Text Grün)     */
/* ========================================================================== */

/* 1. Basis-Container (Standard: ausgeblendet bis Berechnung greift) */
body .single-savings-badge {
    display: none;
    align-items: center !important;
    width: fit-content !important;

    /* 🟠 Typo über globale ID 6b80878 */
    font-family: var(--e-global-typography-6b80878-font-family), sans-serif !important;
    font-size: var(--e-global-typography-6b80878-font-size) !important;
    font-weight: var(--e-global-typography-6b80878-font-weight) !important;
    line-height: var(--e-global-typography-6b80878-line-height) !important;
    letter-spacing: var(--e-global-typography-6b80878-letter-spacing) !important;

    /* 🟠 Farben über globale Elementor-IDs */
    background-color: var(--e-global-color-ff81f4e) !important;
    color: var(--e-global-color-5721865) !important;

    /* 🟠 Abstände & Radien */
    padding: 4px 10px !important;
    margin: 8px 0px !important;
    border-radius: 4px !important;
}

/* 2. Sichtbarkeits-Status nach erfolgreicher JS-Berechnung */
body .single-savings-badge.is-visible {
    display: inline-flex !important;
}

/* 3. Dynamischer Betrag (erbt Typo/Farbe 1:1) */
body .single-savings-badge .single-savings-amount {
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    margin-left: 6px !important;
    color: inherit !important;
}

/* 🛑 ⛔ [STOP] ENDE DIESES ABSCHNITTS: Sparbetrag-Badge Single Product / CSS-WC-SAVINGS-11 ⛔ 🛑 */