/* ========================================================================== */ /* 🟢 STEUERUNG & VERWALTUNG */ /* BLOCK-ID: CSS-WC-CART-13 */ /* TITEL: WooCommerce | "Warenkorb anzeigen"-Link nach Klick ausblenden */ /* SCOPE: Global WooCommerce (.woocommerce a.added_to_cart) */ /* EFFEKT: Versteckt den Folgelink, behält aber das Häkchen am Button */ /* ========================================================================== */ body.woocommerce a.added_to_cart, body.woocommerce .added_to_cart, body .woocommerce a.added_to_cart, body .woocommerce .added_to_cart { display: none !important; visibility: hidden !important; position: absolute !important; opacity: 0 !important; pointer-events: none !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; } body .woocommerce .add_to_cart_button { /* 🟠 Vertikale Ausrichtung des Buttons bei Bedarf anpassbar */ vertical-align: middle !important; } /* 🛑 ⛔ [STOP] ENDE DIESES ABSCHNITTS: Link "Warenkorb anzeigen" ausblenden / CSS-WC-CART-13 ⛔ 🛑 */ /* ========================================================================== */ /* 🟢 STEUERUNG & VERWALTUNG */ /* BLOCK-ID: CSS-WC-CART-14 */ /* TITEL: WooCommerce Warenkorb | "Zurück zum Shop"-Button ausblenden */ /* SCOPE: Nur aktiv auf der Warenkorb-Seite (body.woocommerce-cart) */ /* EFFEKT: Versteckt den Standard-Button bei leerem Warenkorb & Blocks */ /* ========================================================================== */ body.woocommerce-cart .woocommerce p.return-to-shop, body.woocommerce-cart .woocommerce .button.wc-backward, body.woocommerce-cart .wp-block-woocommerce-empty-cart-block a.wp-block-button__link, body.woocommerce-cart .wc-block-cart__empty-cart__button { /* 🟠 Sichtbarkeit / Anzeige bei Bedarf anpassbar */ display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } /* 🛑 ⛔ [STOP] ENDE DIESES ABSCHNITTS: "Zurück zum Shop" Button ausblenden / CSS-WC-CART-14 ⛔ 🛑 */ /* ========================================================================== */ /* 🟢 STEUERUNG & VERWALTUNG */ /* BLOCK-ID: CSS-WC-CHECKOUT-15 */ /* TITEL: WooCommerce Checkout | AGB-Checkbox Text Styling */ /* CSS-KLASSE: .woocommerce-terms-and-conditions-wrapper */ /* TYPO-REFERENZ ID: 2ff803e (Checkbox-Fließtext & Linktext) */ /* FARB-REFERENZ ID: N/A */ /* ========================================================================== */ /* 1. Fließtext der Checkbox */ body .woocommerce-terms-and-conditions-wrapper label.woocommerce-form__label-for-checkbox, body .woocommerce-terms-and-conditions-wrapper label.woocommerce-form__label-for-checkbox span { /* 🟠 Typo-Eigenschaften über globale ID 2ff803e */ font-family: var(--e-global-typography-2ff803e-font-family), sans-serif !important; font-size: var(--e-global-typography-2ff803e-font-size) !important; font-weight: var(--e-global-typography-2ff803e-font-weight) !important; line-height: var(--e-global-typography-2ff803e-line-height) !important; letter-spacing: var(--e-global-typography-2ff803e-letter-spacing) !important; } /* 2. Verlinkungen im Checkbox-Text */ body .woocommerce-terms-and-conditions-wrapper label.woocommerce-form__label-for-checkbox a { /* 🟠 Typo-Eigenschaften über globale ID 2ff803e */ font-family: var(--e-global-typography-2ff803e-font-family), sans-serif !important; font-size: var(--e-global-typography-2ff803e-font-size) !important; font-weight: var(--e-global-typography-2ff803e-font-weight) !important; line-height: var(--e-global-typography-2ff803e-line-height) !important; letter-spacing: var(--e-global-typography-2ff803e-letter-spacing) !important; } /* 🛑 ⛔ [STOP] ENDE DIESES ABSCHNITTS: Checkout AGB-Checkbox Styling / CSS-WC-CHECKOUT-15 ⛔ 🛑 */ /* ========================================================================== */ /* 🟢 STEUERUNG & VERWALTUNG */ /* BLOCK-ID: CSS-WC-CHECKOUT-16 */ /* TITEL: WooCommerce Checkout | Newsletter-Checkbox Styling */ /* CSS-KLASSE: .newsletter-checkout-optin */ /* TYPO-REFERENZ ID: 2ff803e (Checkbox-Fließtext) */ /* FARB-REFERENZ ID: N/A */ /* ========================================================================== */ /* 1. Typografie über globale ID 2ff803e */ body .newsletter-checkout-optin label.checkbox, body .newsletter-checkout-optin label.checkbox span { font-family: var(--e-global-typography-2ff803e-font-family), sans-serif !important; font-size: var(--e-global-typography-2ff803e-font-size) !important; font-weight: var(--e-global-typography-2ff803e-font-weight) !important; line-height: var(--e-global-typography-2ff803e-line-height) !important; letter-spacing: var(--e-global-typography-2ff803e-letter-spacing) !important; } /* 2. Vertikale Ausrichtung an der AGB-Checkbox & Abstände */ body .newsletter-checkout-optin { margin-top: 12px !important; margin-bottom: 24px !important; padding: 0 !important; } /* 3. Gleicht minimalen Versatz der Checkbox exakt an */ body .newsletter-checkout-optin input[type="checkbox"] { margin-left: 2px !important; margin-right: 8px !important; } /* 🛑 ⛔ [STOP] ENDE DIESES ABSCHNITTS: Checkout Newsletter Styling / CSS-WC-CHECKOUT-16 ⛔ 🛑 */ /* ========================================================================== */ /* 🟢 STEUERUNG & VERWALTUNG */ /* BLOCK-ID: CSS-WC-MINICART-19 */ /* TITEL: WooCommerce | Leerer Mini-Warenkorb Text Styling */ /* WICHTIG: TEIL 1/2 (CSS) – Gehört zwingend zu Teil 2/2: */ /* PHP-WC-MINICART-17 in inc/woocommerce/woocommerce.php */ /* BESCHREIBUNG: Steuert Typografie, Zeilenabstand & Ausrichtung des */ /* Hinweistextes bei leerem Zustand im Mini-Cart Slide-In. */ /* SCOPE: .elementor-menu-cart__empty-message */ /* & .woocommerce-mini-cart__empty-message */ /* TYPO-REFERENZ ID: 35904e7 */ /* FARB-REFERENZ ID: N/A */ /* ========================================================================== */ body .elementor-menu-cart__empty-message, body .woocommerce-mini-cart__empty-message { /* 🟠 Typo-Eigenschaften über globale ID 35904e7 */ font-family: var(--e-global-typography-35904e7-font-family), sans-serif !important; font-size: var(--e-global-typography-35904e7-font-size) !important; font-weight: var(--e-global-typography-35904e7-font-weight) !important; line-height: var(--e-global-typography-35904e7-line-height, 1.4) !important; letter-spacing: var(--e-global-typography-35904e7-letter-spacing) !important; /* 🟠 Textausrichtung & Abstände im Fenster */ text-align: center !important; margin: 20px 0 !important; padding: 0 10px !important; } /* 🛑 ⛔ [STOP] ENDE DIESES ABSCHNITTS: Leerer Mini-Warenkorb Text Styling / CSS-WC-MINICART-19 ⛔ 🛑 */ /* ========================================================================== */ /* 🟢 STEUERUNG & VERWALTUNG */ /* BLOCK-ID: CSS-WC-CART-20 */ /* TITEL: WooCommerce | Leerer Warenkorb-Seite Text & Rahmen */ /* WICHTIG: TEIL 1/2 (CSS) – Gehört zwingend zu Teil 2/2: */ /* PHP-WC-CART-18 in inc/woocommerce/woocommerce.php */ /* BESCHREIBUNG: Steuert Typografie, Abstände & Optik des Hinweistextes */ /* bei leerem Zustand, entfernt das Icon und färbt die */ /* obere horizontale Linie mit Elementor Global Color ein. */ /* SCOPE: body.woocommerce-cart .cart-empty, */ /* body.woocommerce-cart .woocommerce-info */ /* TYPO-REFERENZ ID: 35904e7 */ /* FARB-REFERENZ ID: 1cc6d10 */ /* ========================================================================== */ /* 1. Hinweistext & obere Linie auf der Warenkorb-Seite */ body.woocommerce-cart .cart-empty, body.woocommerce-cart p.cart-empty.woocommerce-info { /* 🟠 Typo-Eigenschaften über globale ID 35904e7 */ font-family: var(--e-global-typography-35904e7-font-family), sans-serif !important; font-size: var(--e-global-typography-35904e7-font-size) !important; font-weight: var(--e-global-typography-35904e7-font-weight) !important; line-height: var(--e-global-typography-35904e7-line-height, 1.4) !important; letter-spacing: var(--e-global-typography-35904e7-letter-spacing) !important; /* 🟠 Horizontale Linie oben: Farbe über globale ID 1cc6d10 */ border-top-color: var(--e-global-color-1cc6d10) !important; /* 🟠 Textausrichtung & Abstände */ text-align: left !important; margin-bottom: 24px !important; padding: 12px 0 !important; } /* 2. WooCommerce-Standard-Icon links komplett entfernen */ body.woocommerce-cart p.cart-empty.woocommerce-info::before, body.woocommerce-cart .cart-empty::before { display: none !important; content: none !important; } /* 🛑 ⛔ [STOP] ENDE DIESES ABSCHNITTS: Leerer Warenkorb-Seite Text & Rahmen / CSS-WC-CART-20 ⛔ 🛑 */ /* ========================================================================== */ /* 🟢 STEUERUNG & VERWALTUNG */ /* BLOCK-ID: CSS-WC-CHECKOUT-21 */ /* TITEL: WooCommerce | Kasse Horizontale Linien & Hinweisboxen */ /* WICHTIG: TEIL 1/1 (CSS) */ /* BESCHREIBUNG: Passt die Farbe der oberen horizontalen Akzentlinien */ /* von Info-, Gutschein- und Login-Boxen sowie des */ /* Zahlungsbereichs an der Kasse an die Global Color an. */ /* SCOPE: body.woocommerce-checkout .woocommerce-info, */ /* body.woocommerce-checkout .woocommerce-message, */ /* body.woocommerce-checkout #payment */ /* TYPO-REFERENZ ID: N/A */ /* FARB-REFERENZ ID: 1cc6d10 */ /* ========================================================================== */ /* 1. Obere Akzentlinie bei Hinweisboxen (Gutschein, Login, Hinweise) */ body.woocommerce-checkout .woocommerce-info, body.woocommerce-checkout .woocommerce-message, body.woocommerce-checkout .woocommerce-NoticeGroup .woocommerce-info { /* 🟠 Linienfarbe über globale ID 1cc6d10 */ border-top-color: var(--e-global-color-1cc6d10) !important; } /* 2. Horizontale Trennlinie über dem Kassen-Zahlungsbereich */ body.woocommerce-checkout #payment { /* 🟠 Linienfarbe über globale ID 1cc6d10 */ border-top-color: var(--e-global-color-1cc6d10) !important; } /* 🛑 ⛔ [STOP] ENDE DIESES ABSCHNITTS: Kasse Horizontale Linien / CSS-WC-CHECKOUT-21 ⛔ 🛑 */ /* ========================================================================== */ /* 🟢 STEUERUNG & VERWALTUNG */ /* BLOCK-ID: CSS-WC-MYACCOUNT-22 */ /* TITEL: WooCommerce | Mein Konto Hinweisbox & Button Styling */ /* WICHTIG: TEIL 1/1 (CSS) */ /* BESCHREIBUNG: Färbt die obere Linie der Mein-Konto-Hinweisbox ein, */ /* entfernt das Icon und formatiert den Bestätigungs- */ /* Button mit Global Typo 223ba38 & Color 1cc6d10. */ /* SCOPE: body.woocommerce-account .woocommerce-info, */ /* body.woocommerce-account .woocommerce-info .button */ /* TYPO-REFERENZ ID: 223ba38 */ /* FARB-REFERENZ ID: 1cc6d10 */ /* ========================================================================== */ /* 1. Hinweisbox: Obere Linie & Padding */ body.woocommerce-account .woocommerce-info, body.woocommerce-account .woocommerce-message { /* 🟠 Linienfarbe über globale ID 1cc6d10 */ border-top-color: var(--e-global-color-1cc6d10) !important; position: relative !important; display: flex !important; align-items: center !important; justify-content: space-between !important; flex-wrap: wrap !important; gap: 15px !important; padding: 14px 20px !important; } /* 2. WooCommerce-Standard-Icon entfernen */ body.woocommerce-account .woocommerce-info::before, body.woocommerce-account .woocommerce-message::before { display: none !important; content: none !important; } /* 3. Button in der Hinweisbox ("E-Mail-Adresse bestätigen") */ body.woocommerce-account .woocommerce-info .button, body.woocommerce-account .woocommerce-info a.button { /* 🟠 Typo-Eigenschaften über globale ID 223ba38 */ font-family: var(--e-global-typography-223ba38-font-family), sans-serif !important; font-size: var(--e-global-typography-223ba38-font-size) !important; font-weight: var(--e-global-typography-223ba38-font-weight) !important; line-height: var(--e-global-typography-223ba38-line-height, 1) !important; letter-spacing: var(--e-global-typography-223ba38-letter-spacing) !important; text-transform: var(--e-global-typography-223ba38-text-transform, none) !important; /* 🟠 Button-Farben & Look */ background-color: var(--e-global-color-1cc6d10) !important; color: #ffffff !important; border: none !important; border-radius: 50px !important; padding: 10px 22px !important; text-decoration: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; transition: background-color 0.25s ease, transform 0.2s ease, box-shadow 0.2s ease !important; float: none !important; } /* 4. Hover-Zustand des Buttons */ body.woocommerce-account .woocommerce-info .button:hover, body.woocommerce-account .woocommerce-info a.button:hover { background-color: var(--e-global-color-1cc6d10) !important; filter: brightness(0.92) !important; color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12) !important; } /* 🛑 ⛔ [STOP] ENDE DIESES ABSCHNITTS: Mein Konto Styling / CSS-WC-MYACCOUNT-22 ⛔ 🛑 */