.elementor-699 .elementor-element.elementor-element-6566921{--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;}.elementor-699 .elementor-element.elementor-element-b217b11{background-image:url("https://jvanr.be/wp-content/uploads/2026/04/fond-orange-n1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}/* Start custom CSS for shortcode, class: .elementor-element-4b9ada6 *//* On cible le conteneur principal du formulaire WPForms */
div.wpforms-container {
    background: #ff6600 !important; /* Ton orange */
    padding: 30px !important;
    border-radius: 15px !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

/* On change la couleur des textes (Nom, Email, etc.) en BLANC pour la lisibilité */
div.wpforms-container .wpforms-field-label, 
div.wpforms-container .wpforms-field-sublabel {
    color: #ffffff !important;
    font-weight: bold !important;
}

/* On stylise le bouton pour qu'il ne soit pas orange sur orange (on le met en blanc) */
div.wpforms-container button.wpforms-submit {
    background-color: #ffffff !important;
    color: #ff6600 !important;
    border: none !important;
    font-weight: bold !important;
    padding: 12px 30px !important;
    border-radius: 5px !important;
}

/* Optionnel : On change la couleur du titre au-dessus s'il est hors du cadre */
h2 {
    color: #ff6600;
    text-align: center;
}
/* Force les titres du tableau en noir */
.woocommerce-cart-form__contents th {
    color: #000000 !important;
}

/* Force les prix et sous-totaux en noir */
.woocommerce-cart-form__contents td {
    color: #000000 !important;
}

/* Force le bloc "Total panier" en noir */
.cart_totals h2, 
.cart_totals th, 
.cart_totals td,
.cart_totals bdi {
    color: #000000 !important;
}

/* Force le titre principal "Panier" en noir */
h1.entry-title {
    color: #000000 !important;
}
/* Boutons standards du panier */
.woocommerce button.button, 
.woocommerce input.button {
    background-color: #f16334 !important; /* Orange comme votre menu */
    color: #ffffff !important;
    border-radius: 4px !important;
    padding: 10px 20px !important;
    font-weight: bold !important;
}

.woocommerce button.button:hover {
    background-color: #333333 !important; /* Devient noir au survol */
}

/* Fait apparaître le gros bouton de commande */
.wc-proceed-to-checkout a.checkout-button {
    background-color: #f16334 !important; /* Orange de votre menu */
    color: #ffffff !important;           /* Texte blanc */
    display: block !important;
    text-align: center !important;
    padding: 18px !important;
    font-size: 1.2em !important;
    font-weight: bold !important;
    border-radius: 5px !important;
    text-transform: uppercase !important;
    margin-top: 20px !important;
}

/* Effet au survol du bouton */
.wc-proceed-to-checkout a.checkout-button:hover {
    background-color: #333333 !important; /* Noir au survol */
}
.woocommerce-cart-form__contents a {
    color: #333333 !important;
}

/* 1. Faire apparaître le bouton Valider la commande */
.wc-proceed-to-checkout a.checkout-button {
    background-color: #f16334 !important; /* Orange de votre menu */
    color: #ffffff !important;           /* Texte blanc */
    display: block !important;
    text-align: center !important;
    padding: 15px 20px !important;
    font-weight: bold !important;
    border-radius: 4px !important;
    margin-top: 15px !important;
}

/* 2. Corriger le bouton "Mettre à jour le panier" (actuellement rose/blanc) */
button[name="update_cart"] {
    background-color: #333333 !important; /* Gris foncé/Noir */
    color: #ffffff !important;
    opacity: 1 !important;
}

/* 3. Harmoniser les liens produits (actuellement rouges) */
.product-name a {
    color: #333333 !important;
    text-decoration: none !important;
}

/* 1. Faire apparaître le bouton VALIDER LA COMMANDE */
.wc-proceed-to-checkout a.checkout-button {
    background-color: #f16334 !important; /* Orange assorti */
    color: #ffffff !important;
    display: block !important;
    text-align: center !important;
    padding: 18px !important;
    font-weight: bold !important;
    font-size: 1.1em !important;
    border-radius: 4px !important;
    margin-top: 20px !important;
    text-transform: uppercase !important;
}

/* 2. Mettre les noms des produits en noir (ils sont actuellement gris clair) */
.woocommerce-cart-form__contents .product-name a {
    color: #222222 !important;
    font-weight: 600 !important;
}

/* 3. Améliorer la visibilité du champ "Code promo" */
#coupon_code {
    border: 1px solid #cccccc !important;
    height: 40px !important;
    padding-left: 10px !important;
}
/* 1. Faire apparaître le bouton VALIDER LA COMMANDE */
.wc-proceed-to-checkout a.checkout-button {
    background-color: #f16334 !important; /* Orange de votre menu */
    color: #ffffff !important;           /* Texte blanc */
    display: block !important;
    text-align: center !important;
    padding: 15px 20px !important;
    font-weight: bold !important;
    border-radius: 4px !important;
    margin-top: 15px !important;
    text-transform: uppercase !important;
}

/* 2. Corriger le bouton "Mettre à jour le panier" (actuellement orange/blanc illisible) */
button[name="update_cart"] {
    background-color: #333333 !important; /* Gris foncé/Noir pour trancher */
    color: #ffffff !important;
    opacity: 1 !important;
}

/* 3. Mettre les noms des produits en noir (actuellement gris clair) */
.product-name a {
    color: #222222 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}
/* 1. Faire apparaître le bouton VALIDER LA COMMANDE en gros orange */
.wc-proceed-to-checkout a.checkout-button {
    background-color: #f16334 !important; /* Orange de votre menu */
    color: #ffffff !important;           /* Texte blanc */
    display: block !important;
    text-align: center !important;
    padding: 18px !important;
    font-weight: bold !important;
    font-size: 1.1em !important;
    border-radius: 4px !important;
    margin-top: 20px !important;
    text-transform: uppercase !important;
}

/* 2. Rendre le bouton "Mettre à jour" lisible (noir avec texte blanc) */
button[name="update_cart"] {
    background-color: #333333 !important; 
    color: #ffffff !important;
    opacity: 1 !important;
}

/* 3. Mettre les noms des produits en noir bien net */
.product-name a {
    color: #222222 !important;
    font-weight: 600 !important;
}
/* Change le bouton noir en orange pour correspondre au reste */
.wc-proceed-to-checkout a.checkout-button {
    background-color: #f16334 !important; 
    transition: 0.3s;
}

.wc-proceed-to-checkout a.checkout-button:hover {
    background-color: #333333 !important; /* Devient noir au survol */
}
/* Rend le texte du bouton de mise à jour plus lisible */
button[name="update_cart"] {
    color: #ffffff !important;
    font-weight: bold !important;
    border: 1px solid rgba(0,0,0,0.1) !important;
}/* End custom CSS */