/* WooCommerce-knoppen: zwarte achtergrond, witte tekst, straal 10px */
.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; /* Past de opvulling aan voor een strakkere look */
}

/* Hover-status voor knoppen */
.woocommerce a.button:hover, 
.woocommerce button.button:hover {
    background-color: #333333 !important;
    color: #ffffff !important;
}

/* Productprijzen: zwarte kleur */
.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. Onderstreping verwijderen uit ALLE links */
a {
    text-decoration: none !important;
}

/* 2. Stijl van links voor donkere achtergronden (groen bij hover/actief, maar witte tekst) */
/* Hierbij wordt ervan uitgegaan dat je donkere secties een standaardcontainer gebruiken; pas de klasse indien nodig aan */
.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; /* Pas deze hex-code aan naar je gewenste groene kleur */
}

/* 3. Consistentie voor ALLE knoppen (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. Specifieke aanpassing voor de blokknop "Doorgaan naar afrekenen" */
.wc-block-cart__submit-button {
    width: 100% !important;
    padding: 15px !important;
}

/* 5. Houd de kleur van de prijs zwart in winkelwagenblokken */
.wc-block-grid__product-price,
.wc-block-cart-item__total {
    color: #000000 !important;
}

/* Universele WooCommerce-blokknop bij muisaanwijzer */
.wp-block-button__link:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover,
.wc-block-components-button:hover {
    background-color: #555555 !important; /* Middengrijs */
    color: #ffffff !important;           /* Witte tekst bij hover */
    transition: background-color 0.3s ease; /* Vloeiende overgang */
}

/* Knoppen voor gerelateerde producten onderaan uitlijnen */
.wc-block-components-related-products ul.wc-block-grid__products {
    display: flex;
    flex-wrap: wrap;
}

/* Dwing cellen van winkelwagentabel om te stapelen op kleine schermen */
@media (max-width: 767px) {
  .woocommerce-cart .shop_table td {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    box-sizing: border-box;
  }
  
  /* Overlappende afrekenknoppen of zijbalken corrigeren */
  .wc-block-cart__submit-container {
    margin-top: 20px !important;
  }
}