.wpcf7-submit {
    background-color: #E83C3F !important; /* Couleur de fond du bouton */
    color: white !important; /* Texte blanc */
    border: none !important; /* Pas de bordure */
    padding: 10px 20px !important; /* Espacement interne */
    font-size: 1.2em !important; /* Taille du texte */
    cursor: pointer !important; /* Curseur pointer */
    transition: background-color 0.3s, color 0.3s !important; /* Transition douce pour le survol */
}

/* Style du bouton lors du survol */
.wpcf7-submit:hover {
    background-color: #d2353b !important; /* Couleur de fond plus foncée au survol */
    color: white !important; /* Le texte reste blanc */
}

.wp-block-file a.wp-block-file__button {
    background-color: #E83C3F !important; /* Rouge personnalisé */
    color: white !important; /* Texte blanc */
    border-radius: 5px; /* Coins arrondis */
    padding: 10px 15px;
    font-weight: bold;
    text-transform: uppercase;
    border: 2px solid #E83C3F; /* Bordure rouge */
    transition: background-color 0.3s ease, color 0.3s ease; /* Transition fluide */
}

.wp-block-file a.wp-block-file__button:hover {
    background-color: white !important; /* Fond blanc au survol */
    color: #E83C3F !important; /* Texte rouge */
    border: 2px solid #E83C3F; /* Bordure rouge inchangée */
}

.woocommerce
ul.products li.product {
justify-content: flex-end;
height: 100%;
}

/* Modifier le style du bouton Ajouter au panier au survol */
.woocommerce ul.products li.product .button:hover {
    background-color: #c8102e; /* rouge FCG ou couleur que tu veux */
    color: white; /* texte en blanc */
    border: none;
}

.woocommerce ul.products li.product a.woocommerce-LoopProduct-link img {
    height: 300px; /* ajuste selon ton design */
    object-fit: cover;
    width: 100%;
}

/* Réduire la taille de l'image principale sur la page produit */
.woocommerce div.product div.images img {
    max-width: 300px; /* Ajuste la largeur selon ton goût */
    height: auto;
    margin: 0 auto;
    display: block;
}

/* Affiche l’image entière dans son cadre produit sans la couper */

.woocommerce ul.products li.product .woocommerce-LoopProduct-link img {
    height: 100%;
    width: 100%;
    object-fit: contain !important;
    background-color: #ffffff; /* facultatif : pour éviter le vide gris */
    padding: 10px; /* optionnel pour donner de l'air autour de l’image */
    box-sizing: border-box;
}