.elementor-1006 .elementor-element.elementor-element-04cd5a6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for shortcode, class: .elementor-element-baa5fff *//* 1. Moderniser les bordures et ajouter de l'ombre au panier */
.elementor-1006 .elementor-element.elementor-element-baa5fff .woocommerce-cart-form, 
.elementor-1006 .elementor-element.elementor-element-baa5fff .cart-collaterals {
    background: #ffffff;
    padding: 25px;
    border-radius: 15px;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);
    border: none !important;
}

/* 2. Styliser l'en-tête du tableau (le rendre plus discret) */
.elementor-1006 .elementor-element.elementor-element-baa5fff .shop_table thead {
    background-color: #f9f9f9;
}

.elementor-1006 .elementor-element.elementor-element-baa5fff .shop_table thead th {
    border-radius: 10px 10px 0 0;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    color: #888;
}

/* 3. Image du produit : Arrondir les coins */
.elementor-1006 .elementor-element.elementor-element-baa5fff .product-thumbnail img {
    border-radius: 12px;
    width: 80px !important;
}

/* 4. Personnaliser le bouton "Mettre à jour le panier" (plus discret) */
.elementor-1006 .elementor-element.elementor-element-baa5fff .actions .button {
    background-color: transparent !important;
    color: #555 !important;
    border: 1px solid #ddd !important;
    border-radius: 30px !important;
    transition: all 0.3s ease;
}

.elementor-1006 .elementor-element.elementor-element-baa5fff .actions .button:hover {
    background-color: #f5f5f5 !important;
    border-color: #bbb !important;
}

/* 5. Sublimer le bouton "Valider la commande" */
.elementor-1006 .elementor-element.elementor-element-baa5fff .checkout-button {
    padding: 20px 30px !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease !important;
}

.elementor-1006 .elementor-element.elementor-element-baa5fff .checkout-button:hover {
    transform: translateY(-3px);
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.15);
}

/* 6. Espacement entre le formulaire et le total */
@media (min-width: 768px) {
    .elementor-1006 .elementor-element.elementor-element-baa5fff .cart-collaterals {
        margin-top: 0 !important;
    }
}/* Effet de survol sur le bouton Valider la commande */
.elementor-1006 .elementor-element.elementor-element-baa5fff .checkout-button:hover {
    background-color: #27ae60 !important; /* Un vert élégant (type émeraude) */
    color: #ffffff !important;           /* S'assure que le texte reste blanc */
    transform: translateY(-3px);         /* Petit effet de soulèvement */
    box-shadow: 0px 8px 20px rgba(39, 174, 96, 0.3); /* Ombre teintée de vert */
}
/* Ajustement du bouton Valider la commande pour matcher GPay */
.elementor-1006 .elementor-element.elementor-element-baa5fff .checkout-button {
    display: block !important;
    width: 100% !important; /* Prend toute la largeur comme GPay */
    height: 45px !important; /* Hauteur standard des boutons de paiement */
    line-height: 45px !important; /* Centre le texte verticalement */
    padding: 0 !important; /* Supprime le padding interne pour contrôler la hauteur via height */
    
    background-color: #27ae60 !important; /* Vert par défaut */
    color: #ffffff !important;
    
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    
    border-radius: 4px !important; /* Très léger arrondi identique à GPay */
    border: none !important;
    transition: all 0.3s ease !important;
    text-align: center !important;
}

/* Effet au survol (plus sombre ou plus clair selon votre choix) */
.elementor-1006 .elementor-element.elementor-element-baa5fff .checkout-button:hover {
    background-color: #219150 !important; /* Vert un peu plus foncé au survol */
    transform: none !important; /* On retire l'effet de soulèvement pour rester sobre */
    box-shadow: none !important;
}

/* Optionnel : Ajuster l'espacement pour que les deux boutons soient collés proprement */
.elementor-1006 .elementor-element.elementor-element-baa5fff .wc-proceed-to-checkout {
    display: flex;
    flex-direction: column;
    gap: 10px; /* Espace entre votre bouton vert et GPay */
}/* End custom CSS */