/**
 * Wishlist Fix - Stoppt ALLE Animationen auf Wishlist-Seite
 */

/* ALLE Animationen auf Wishlist-Seite deaktivieren */
body.page-template * {
    animation: none !important;
    -webkit-animation: none !important;
}

/* Spezifisch für Wishlist */
.storely-woowishlist *,
.storely-woowishlist::before,
.storely-woowishlist::after,
.storely-woocomerce-wishlist-widget-wrapper *,
.storely-woocomerce-wishlist-widget-wrapper::before,
.storely-woocomerce-wishlist-widget-wrapper::after {
    animation: none !important;
    -webkit-animation: none !important;
}

/* Loading-Animation komplett deaktivieren */
.storely-woowishlist.loading::before,
.storely-woowishlist.loading::after,
.storely-woocomerce-wishlist-widget-wrapper.loading::before,
.storely-woocomerce-wishlist-widget-wrapper.loading::after,
.loading::before,
.loading::after {
    display: none !important;
    animation: none !important;
    -webkit-animation: none !important;
}

/* Inhalt auch während "loading" anzeigen */
.storely-woowishlist.loading,
.storely-woocomerce-wishlist-widget-wrapper.loading,
.loading {
    opacity: 1 !important;
    pointer-events: auto !important;
}

/* Wrapper immer sichtbar */
.storely-woowishlist-wrapper {
    opacity: 1 !important;
    min-height: 200px;
}

/* Wenn wirklich leer, zeige Nachricht */
.storely-woowishlist-wrapper:empty::before {
    content: "Ihre Wunschliste ist leer. Fügen Sie Produkte hinzu, indem Sie auf das ❤️ Symbol klicken.";
    display: block;
    padding: 40px 20px;
    text-align: center;
    color: #666;
    font-size: 16px;
    background: #f8f8f8;
    border-radius: 8px;
    margin: 20px 0;
}

/* Preloader deaktivieren */
.preloader,
#preloader,
.page-loader,
.site-loader {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Klick-Flash auf Grün ändern (statt Rot) */
.woocommerce .button:active,
.woocommerce button:active,
.woocommerce input[type="submit"]:active,
.woocommerce a.button:active,
.button:active,
button:active,
input[type="submit"]:active,
.add_to_cart_button:active,
.single_add_to_cart_button:active,
.added_to_cart:active,
.storely-woowishlist-button:active,
.yith-wcwl-add-button a:active {
    background-color: #28a745 !important; /* Grün */
    border-color: #28a745 !important;
    box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.3) !important; /* Grüner Glow */
}

/* Hover auch auf Grün */
.woocommerce .button:hover,
.woocommerce button:hover,
.woocommerce input[type="submit"]:hover,
.woocommerce a.button:hover,
.add_to_cart_button:hover,
.single_add_to_cart_button:hover {
    background-color: #218838 !important; /* Dunkleres Grün */
    border-color: #1e7e34 !important;
}

/* Success-Meldungen auch grün */
.woocommerce-message,
.woocommerce-info,
.wc-forward {
    border-top-color: #28a745 !important;
}

.woocommerce-message::before,
.woocommerce-info::before {
    color: #28a745 !important;
}

/* Roter Klick-Flash auf Grün ändern - GLOBAL */
* {
    -webkit-tap-highlight-color: rgba(40, 167, 69, 0.3) !important; /* Grün statt Standard */
}

/* Wenn es ein Overlay ist */
body::after,
html::after,
.overlay,
[class*="overlay"]::after,
[class*="overlay"]::before {
    background-color: rgba(40, 167, 69, 0.1) !important; /* Grün statt Rot */
}

/* Active States auf Grün */
*:active::after,
*:active::before,
body:active::after {
    background-color: rgba(40, 167, 69, 0.2) !important; /* Grün */
}

/* Wunschliste Titel-Bereich HINTERGRUND auf Grau ändern */
.breadcrumb-area,
.breadcrumb-content {
    background-color: #dadada !important; /* Grau statt Rötlich */
    border-color: #cccccc !important; /* Grauer Rand */
}

/* Schrift wieder normal (schwarz) */
.breadcrumb-heading,
.breadcrumb-heading h3,
.breadcrumb-heading *,
.breadcrumb-list,
.breadcrumb-list li,
.breadcrumb-list li a {
    color: #333333 !important; /* Dunkler Text auf grauem Hintergrund */
}

/* Breadcrumb Links Hover */
.breadcrumb-list li a:hover,
.breadcrumb-list li a:focus {
    color: #000000 !important; /* Schwarzer Text beim Hover */
}

/* "In den Warenkorb" Text durch Icon ersetzen - NUR WARENKORB BUTTONS */
.add_to_cart_button,
.single_add_to_cart_button,
.button.add_to_cart_button,
.button.single_add_to_cart_button,
.product_type_simple,
.product_type_variable,
.product_type_grouped,
.product_type_external {
    font-size: 0 !important; /* Text verstecken */
    padding: 10px 15px !important;
    position: relative !important;
    min-width: 40px !important;
    min-height: 40px !important;
}

.add_to_cart_button::before,
.single_add_to_cart_button::before,
.button.add_to_cart_button::before,
.button.single_add_to_cart_button::before,
.product_type_simple::before,
.product_type_variable::before,
.product_type_grouped::before,
.product_type_external::before {
    content: "🛒" !important; /* Warenkorb Emoji */
    font-size: 18px !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    line-height: 1 !important;
    filter: hue-rotate(0deg) saturate(2) brightness(1.2) !important; /* Leuchtend rot */
    text-shadow: 0 0 8px rgba(255, 0, 0, 0.8) !important; /* Roter Glow */
}

/* Alternative mit Unicode Symbol */
.add_to_cart_button::after,
.single_add_to_cart_button::after,
.button.add_to_cart_button::after,
.button.single_add_to_cart_button::after {
    content: "🛍️" !important; /* Alternative: Einkaufstasche */
    font-size: 18px !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    display: none !important; /* Als Backup versteckt */
}

/* "Left in stock" zu "Vorrätig" ändern - ÜBER JAVASCRIPT */
/* CSS kann das nicht selektiv machen, daher entfernt */