/* Boutons WooCommerce : fond noir, texte blanc, rayon de 10 px */
.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; /* Ajuste le remplissage pour un rendu plus épuré */
}

/* État au survol pour les boutons */
.woocommerce a.button:hover, 
.woocommerce button.button:hover {
    background-color: #333333 !important;
    color: #ffffff !important;
}

/* Prix des produits : couleur noire */
.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. Supprimer les soulignements de TOUS les liens */
a {
    text-decoration: none !important;
}

/* 2. Styliser les liens pour les arrière-plans sombres (vert au survol/à l'activation, mais texte blanc) */
/* Cela suppose que vos sections sombres utilisent un conteneur standard ; ajustez la classe si nécessaire */
.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; /* Ajustez cette valeur hexadécimale à votre vert préféré */
}

/* 3. Cohérence pour TOUS les boutons (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. Correction spécifique du bouton du bloc " Passer à la caisse " */
.wc-block-cart__submit-button {
    width: 100% !important;
    padding: 15px !important;
}

/* 5. Conserver la couleur noire pour le prix dans les blocs Panier */
.wc-block-grid__product-price,
.wc-block-cart-item__total {
    color: #000000 !important;
}

/* Effet de survol universel pour les boutons des blocs WooCommerce */
.wp-block-button__link:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover,
.wc-block-components-button:hover {
    background-color: #555555 !important; /* Gris moyen */
    color: #ffffff !important;           /* Texte blanc au survol */
    transition: background-color 0.3s ease; /* Transition fluide */
}

/* Aligner les boutons « Produits associés » vers le bas */
.wc-block-components-related-products ul.wc-block-grid__products {
    display: flex;
    flex-wrap: wrap;
}

/* Forcer les cellules du tableau du panier à s'empiler sur les petits écrans */
@media (max-width: 767px) {
  .woocommerce-cart .shop_table td {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    box-sizing: border-box;
  }
  
  /* Corriger le chevauchement des boutons de paiement ou des barres latérales */
  .wc-block-cart__submit-container {
    margin-top: 20px !important;
  }
}