/* WooCommerce-Schaltflächen: Schwarzer Hintergrund, weißer Text, 10px Radius */
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button, 
.woocommerce input.submit,
.woocommerce-message .button {
    background-color: 000000 !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    border: none !important;
    padding: 10px 20px !important; /* Passt den Abstand an, um ein klareres Erscheinungsbild zu erzielen */
}

/* Hover-Zustand für Schaltflächen */
.woocommerce a.button:hover, 
.woocommerce button.button:hover {
    background-color: #333333 !important;
    color: #ffffff !important;
}

/* Produktpreise: Farbe Schwarz */
.woocommerce ul.products li.product .price, 
.woocommerce ul.products li.product .price .amount,
.woocommerce ul.products li.product .price ins {
    color: #000000 !important;
    font-weight: bold;
}

/* 1. Unterstreichungen aus ALLEN Links entfernen */
a {
    text-decoration: none !important;
}

/* 2. Links für dunkle Hintergründe stylen (grün bei Hover/aktiv, aber weißer Text) */
/* Dies setzt voraus, dass Ihre dunklen Abschnitte einen Standard-Container verwenden; passen Sie die Klasse bei Bedarf an */
.dark-bg a, 
.has-background.has-black-background-color a {
    color: #ffffff !important;
}

.dark-bg a:hover, 
.has-background.has-black-background-color a:hover {
    color: #4CAF50 !important; /* Passen Sie diesen Hex-Wert an Ihr bevorzugtes Grün an */
}

/* 3. Einheitlichkeit für ALLE Schaltflächen (Classic + Blocks) */
.woocommerce a.button, 
.woocommerce button.button, 
.wp-block-button__link, 
.wc-block-components-button,
.wc-block-cart__submit-button {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    border: none !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}

/* 4. Korrektur speziell für die Schaltfläche "Zur Kasse gehen" im Block */
.wc-block-cart__submit-button {
    width: 100% !important;
    padding: 15px !important;
}

/* 5. Preisfarbe in Warenkorb-Blöcken schwarz belassen */
.wc-block-grid__product-price,
.wc-block-cart-item__total {
    color: #000000 !important;
}

/* Universeller WooCommerce-Block-Button-Hover */
.wp-block-button__link:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover,
.wc-block-components-button:hover {
    background-color: #555555 !important; /* Mittelgrau */
    color: #ffffff !important;           /* Weißer Text beim Hover */
    transition: background-color 0.3s ease; /* Sanfter Übergang */
}

/* Schaltflächen für verwandte Produkte unten ausrichten */
.wc-block-components-related-products ul.wc-block-grid__products {
    display: flex;
    flex-wrap: wrap;
}

/* Tabellenzellen des Warenkorbs auf kleinen Bildschirmen stapeln */
@media (max-width: 767px) {
  .woocommerce-cart .shop_table td {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    box-sizing: border-box;
  }
  
  /* Überlappende Checkout-Schaltflächen oder Seitenleisten korrigieren */
  .wc-block-cart__submit-container {
    margin-top: 20px !important;
  }
}