/* ============================================================================ 99WAVES Icon-Font-PATCH v1.2.0 (Stand 2026-09-24) ---------------------------------------------------------------------------- PROBLEM Mein Design-System v1.1 setzt Catamaran global via z.B. `.woocommerce *`. Da `` selbst die Klasse `woocommerce` trägt, kippt Catamaran auf ALLE Pseudo-Icon-Elemente und überschreibt Minimog's "Font Awesome 5 Pro" → Glyphen werden zu "Strichen" (Catamaran kennt die FA-Codepoints nicht). FIX Wir setzen für alle Minimog-eigenen Icon-Selektoren wieder explizit die Font-Awesome-5-Pro-Familie zurück. Höhere Spezifität als `.woocommerce *` plus !important. INSTALL Customizer → Additional CSS → DIESE Datei UNTEN ans bestehende Design-System-CSS anhängen (NICHT ersetzen). Publish, Hard-Reload. ============================================================================ */ /* ---------- 1. Font-Awesome-Familie für Pro-Klassen sicherstellen ---------- */ .fa, .fas, .far, .fal, .fad, .fab, .fa-solid, .fa-regular, .fa-light, .fa-duotone, .fa-brands, [class^="fa-"]::before, [class*=" fa-"]::before { font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", "Font Awesome 5 Brands", "FontAwesome" !important; } /* ---------- 2. Minimog-Modal: Close-Button + Passwort-Eye-Toggle ---------- */ .minimog-modal .button-close-modal, .minimog-modal .button-close-modal::before, .button-close-modal, .button-close-modal::before, .form-input-group.form-input-password .btn-pw-toggle, .form-input-group.form-input-password .btn-pw-toggle::before, .btn-pw-toggle, .btn-pw-toggle::before { font-family: "Font Awesome 5 Pro" !important; } /* WooCommerce-Passwort-Auge (Login/Konto/Checkout: .show-password-input). Glyph \f06e (Auge) / \f070 (Auge durchgestrichen) aus Font Awesome 5 Pro, Gewicht 400. Der Catamaran-Override `.woocommerce * {font-family:...!important}` schlaegt die Theme-Regel per !important -> Icon wird zu Strichen. Klasse verdoppeln -> Spezifitaet 0,2,x schlaegt 0,1,1 unabhaengig von Reihenfolge. */ .show-password-input.show-password-input, .show-password-input.show-password-input::before { font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", "FontAwesome" !important; } /* ---------- 3. Header / Menü / Cart / Suche – alle Minimog-Header-Icons ---------- */ .header-icon, .header-icon::before, .header-login-link, .header-login-link::before, .search-btn-icon, .search-btn-icon::before, .popup-search-icon, .popup-search-icon::before, .popup-search-form::before, .tm-minicart .minicart-icon, .tm-minicart .minicart-icon > .icon, .tm-minicart .minicart-icon > .icon::before, .wishlist-btn a::before, .compare-btn a::before, .quick-view-btn a::before, .quick-view-btn.loading .quick-view-icon::before, .mobile-menu-my-profile::after, .minimog-menu .menu-item-has-children > a::after, .page-mobile-main-menu .toggle-sub-menu, .page-mobile-main-menu .toggle-sub-menu::after, .desktop-menu .toggle-sub-menu::before, .page-top-bar .menu .menu-item-has-children > a::after, .page-top-bar .widget ul.menu .menu-item-has-children > a::after, .top-bar-collapsible-toggle::before, .page-scroll-up .scroll-up-icon, .page-scroll-up .scroll-up-icon::before { font-family: "Font Awesome 5 Pro" !important; } /* ---------- 4. Sprache / Währung / WPML Switcher ---------- */ .switcher-language-wrapper .trp-language-switcher .trp-ls-shortcode-current-language::after, .switcher-language-wrapper .wpml-ls .wpml-ls-item-toggle::after, .wcml-dropdown.wcml-dropdown a.wcml-cs-item-toggle::after, .currency-switcher-menu .menu-item-has-children > a::after { font-family: "Font Awesome 5 Pro" !important; } /* ---------- 5. Produkt-/Listing-Icons (Add-to-Cart, Wishlist, Filter, Tabs) ---------- */ .add_to_cart_button.product_type_simple.loading::before, .minimog-product:not(.style-list).group-style-01 .product-thumbnail .woocommerce_loop_add_to_cart_wrap a.add_to_cart_button::before, .minimog-product:not(.style-list).group-style-02 .product-thumbnail .woocommerce_loop_add_to_cart_wrap a::before, .minimog-product:not(.style-list).group-style-03 .product-thumbnail .woocommerce_loop_add_to_cart_wrap a::before, .minimog-product:not(.style-list).group-style-04 .product-thumbnail .woocommerce_loop_add_to_cart_wrap a.add_to_cart_button::before, .minimog-product:not(.style-list).group-style-05 .woocommerce_loop_add_to_cart_wrap a.add_to_cart_button::before, .minimog-product:not(.style-list).group-style-06 .woocommerce_loop_add_to_cart_wrap a.add_to_cart_button::before, .minimog-product:not(.style-list).group-style-07 .woocommerce_loop_add_to_cart_wrap a.add_to_cart_button::before, .minimog-product:not(.style-list).group-style-08 .woocommerce_loop_add_to_cart_wrap a.add_to_cart_button::before, .minimog-product:not(.style-list).group-style-09 .product-thumbnail .woocommerce_loop_add_to_cart_wrap a::before, .minimog-product:not(.style-list).group-style-11 .woocommerce_loop_add_to_cart_wrap a.add_to_cart_button::before, .minimog-product:not(.style-list).group-style-11 .woocommerce_loop_add_to_cart_wrap a span::after, .loop-product-variation-selector .term-link-rest.loading::before, .active-filters-list .remove-filter-link .filter-link-text::before, .minimog-wp-widget-filter ul.list-style-checkbox a::after, .widget_product_categories .cat-parent::before, .widget_recent_entries .post-date::before, .widget_recent_comments .recentcomments::before, .wp-block-search .wp-block-search__button::before, .wp-block-latest-comments:not(.has-avatars) .wp-block-latest-comments__comment article::before, .select2-search--dropdown::after, .elementor-form .elementor-message-success::before, .elementor-column__tm-collapsible.tm-collapsible--active .tm-collapsible__title::after, .insight_core_breadcrumb li + li::before, .blog-nav-links .nav-item a::before, .dialog-widget .dialog-close-button i, input[type=checkbox]::after, .updating-icon::before, .woosc-btn-adding::before, .woosw-adding::before { font-family: "Font Awesome 5 Pro" !important; } /* ---------- 6. Slider / Swiper Navigation ---------- */ .tm-swiper .swiper-nav-button i, .tm-swiper.nav-style-04 .swiper-nav-button i, .tm-swiper.nav-style-05 .swiper-nav-button i, .tm-swiper.nav-style-06 .swiper-nav-button i, .tm-swiper.pagination-style-04 .swiper-alt-arrow-button::before, .tm-swiper.pagination-style-08 .swiper-alt-arrow-button::before, .tm-swiper.pagination-style-10 .swiper-alt-arrow-button::before { font-family: "Font Awesome 5 Pro" !important; } /* ---------- 7. Sidebar-Widgets / Collapsibles ---------- */ .sidebar-widgets-collapsible .m-widget-collapsible .widget-title::after, .sidebar-widgets-collapsible .m-widget-collapsible .widgettitle::after, .sidebar-widgets-collapsible .m-widget-collapsible .wp-block-group__inner-container > h2::after, .tm-button.loading .button-content-wrapper::before, .minimog-wpforms-newsletter--yes.minimog-wpforms-style-01 .minimog-wpforms .wpforms-submit::before, .minimog-wpforms-newsletter--yes.minimog-wpforms-style-02 .minimog-wpforms .wpforms-submit::before, .minimog-wpforms-newsletter--yes.minimog-wpforms-style-04 .minimog-wpforms .wpforms-submit::before, .minimog-wpforms-newsletter--yes.minimog-wpforms-style-06 .minimog-wpforms .wpforms-submit::before, .minimog-wpforms-newsletter--yes.minimog-wpforms-style-08 .minimog-wpforms .wpforms-submit::before { font-family: "Font Awesome 5 Pro" !important; } /* ---------- 8. Dashicons & WP-Admin-Bar (Wiederholung als Safety-Net) ---------- */ .dashicons, .dashicons-before::before, [class^="dashicons-"], [class*=" dashicons-"], #wpadminbar .ab-icon, #wpadminbar .ab-icon::before, #wpadminbar [class*="dashicons"], #wpadminbar [class*="dashicons"]::before { font-family: "dashicons" !important; } /* ---------- 9. Elementor / Minimog / Star-Rating Icons ---------- */ .eicon, [class^="eicon-"], [class*=" eicon-"] { font-family: "eicons" !important; } .minimog-icon, [class^="minimog-icon-"], [class*=" minimog-icon-"] { font-family: "Minimog Icons", "minimog" !important; } .star-rating, .star-rating::before, .star-rating span::before { font-family: "star" !important; } /* ---------- 10. WCFM-Icons (Font "WooCommerce" / wcicon) ---------- */ /* PROBLEM (Befund 2026-09-24) WCFM nutzt eine EIGENE Icon-Font mit der Familie "WooCommerce" und Klassen wie `wcicon-status-cancelled`, `wcicon-status-completed` usw. Beispiel: Auf der Registrierung/Verify wird die Meldung per JS als ` Password strength ...` ausgegeben. Der globale Design-System-Override `.wcfm-container *, .woocommerce * { font-family: var(--font-base) !important }` (Catamaran, Spezifitaet 0,1,1) schlaegt WCFMs eigene Regel `[class^="wcicon-"] { font-family: WooCommerce !important }` (0,1,0). Das Glyph wird dann in Catamaran gerendert -> leeres Kaestchen (Tofu "[]"). FIX Font-Family "WooCommerce" fuer ALLE wcicon-Klassen (Element + ::before/::after) erneut erzwingen. Der Attribut-Selektor wird VERDOPPELT (`[class^="wcicon-"][class^="wcicon-"]`), das ergibt Spezifitaet 0,2,x und schlaegt die 0,1,1-Catamaran-Regel unabhaengig von der Ladereihenfolge. Verdoppeln aendert NICHT, welche Elemente getroffen werden (idempotent). Wirkt fuer Registrierung, E-Mail-Verify, WCFM-Dashboard-Meldungen usw. */ [class^="wcicon-"][class^="wcicon-"], [class*=" wcicon-"][class*=" wcicon-"], [class^="wcicon-"][class^="wcicon-"]::before, [class*=" wcicon-"][class*=" wcicon-"]::before, [class^="wcicon-"][class^="wcicon-"]::after, [class*=" wcicon-"][class*=" wcicon-"]::after { font-family: "WooCommerce" !important; } /* ============================================================================ ENDE Patch v1.2.0 ============================================================================ */