/**
 * WooCommerce Button Fix
 *
 * Version: 1.2
 * Behebt Darstellung (schwarze Blöcke) UND Zentrierungsfehler.
 */

.wc-block-product-template .wc-block-product .wp-block-button__link.add_to_cart_button:not(.ajax_add_to_cart) {
    /* Setzt die fehlerhaften Größen zurück */
    min-height: 0;
    height: auto;
    width: auto;
    
    /**
     * NEU: Zentrierung
     * Wir zwingen den Link, sich wie ein Block-Element zu verhalten
     * und sich selbst horizontal zu zentrieren.
     */
    display: table;
    margin-left: auto;
    margin-right: auto;

    /* Stellt das normale Button-Aussehen wieder her */
    background-color: #111111; /* Hintergrundfarbe (Standard-Schwarz) */
    color: #FFFFFF;           /* Textfarbe (Weiß) */
    padding: 1rem 2.25rem;   /* Innenabstand (Theme-Standard) */
    border-radius: 9999px;     /* Runde Ecken (Theme-Standard) */
    line-height: inherit;
    text-decoration: none;
}

/* Versteckt mögliche kaputte Pseudo-Elemente */
.wc-block-product-template .wc-block-product .wp-block-button__link.add_to_cart_button:not(.ajax_add_to_cart)::before,
.wc-block-product-template .wc-block-product .wp-block-button__link.add_to_cart_button:not(.ajax_add_to_cart)::after {
    display: none !important;
}