/**************************************************/
/* HARMONISATION GÉNÉRALE - STYLE NATUREL & ÉLÉGANT */
/**************************************************/

.woocommerce-checkout {
    font-family: 'Open Sans', 'Helvetica Neue', sans-serif;
    color: #4a4a4a;
    line-height: 1.6;
}

/* Titres de sections */
.woocommerce-checkout h3 {
    font-size: 1.4rem;
    font-weight: 600;
    color: #2c3e2d;
    /* Vert forêt Phyt-Inov */
    border-bottom: 2px solid #f2f5f2;
    padding-bottom: 12px;
    margin-bottom: 25px;
    text-transform: none;
    letter-spacing: 0.3px;
}

/**************************************************/
/* FORMULAIRE - CHAMPS & LABELS */
/**************************************************/

.woocommerce form .form-row label {
    font-size: 0.9rem;
    color: #5d6b5d;
    margin-bottom: 6px;
    font-weight: 500;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.select2-container--default .select2-selection--single {
    background-color: #ffffff !important;
    border: 1px solid #dce2dc !important;
    border-radius: 8px !important;
    padding: 12px 15px !important;
    box-shadow: none !important;
    transition: all 0.3s ease;
    height: auto !important;
    /* Pour select2 */
}

/* Effet focus naturel */
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
    border-color: #8c9e78 !important;
    box-shadow: 0 0 0 3px rgba(140, 158, 120, 0.1) !important;
    outline: none;
}

/**************************************************/
/* RÉCAPITULATIF DE COMMANDE (TABLEAU) */
/**************************************************/

.woocommerce-checkout-review-order-table {
    border: none !important;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
    overflow: hidden;
    border-collapse: separate;
}

.woocommerce-checkout-review-order-table thead th {
    background: #f9fbf9;
    color: #2c3e2d;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 1px;
    padding: 15px;
}

.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
    border-top: 1px solid #f0f3f0;
    padding: 18px 15px;
}

/* Style de la mention décharge Colissimo */
.shipping-disclaimer div {
    background-color: #fffaf0 !important;
    /* Teinte sable très léger */
    border: 1px solid #f3e5d0 !important;
    border-left: 4px solid #d9534f !important;
    border-radius: 6px;
}

tr.shipping-disclaimer td div p {
    font-size: 0.85em !important;
    line-height: 1.4 !important;
    margin-bottom: 0 !important;
    text-align: left !important;
}

/* Définit la largeur de la colonne Produit (65% par exemple) */
.shop_table.woocommerce-checkout-review-order-table th.product-name,
.shop_table.woocommerce-checkout-review-order-table td.product-name {
    width: 50% !important;
}

/* Définit la largeur de la colonne Sous-total/Total (35%) */
.shop_table.woocommerce-checkout-review-order-table th.product-total,
.shop_table.woocommerce-checkout-review-order-table td.product-total {
    width: 50% !important;
}

/* Forcer le tableau à prendre toute la largeur */
.shop_table.woocommerce-checkout-review-order-table {
    width: 100% !important;
    table-layout: fixed;
    /* Très important pour que les % soient respectés strictement */
}

.shop_table.woocommerce-checkout-review-order-table .woocommerce-shipping-totals.shipping th::after {
    content: '*' !important;
}

/**************************************************/
/* ZONE CODE PROMO & NOTICES */
/**************************************************/

/* --- ZONE CODE PROMO : HARMONIE NATURELLE --- */

/* 1. La Boîte Toggle (L'appel à l'action) */
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
    background-color: #222f0e !important;
    border: 1px solid #e2e8e2 !important;
    border-radius: 12px !important;
    color: #e2e8e2 !important;
    /* padding: 0 !important; */
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    padding: 5px 20px !important
}

/* 2. Rendre tout le bloc cliquable avec style */
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info a.showcoupon {
    display: block !important;
    width: 100% !important;
    padding: 5px 30px !important;
    color: #e2e8e2 !important;
    text-decoration: none !important;
    font-size: 1.05rem !important;
    font-weight: 400 !important;
    text-align: center !important;
}



/* 3. Icône personnalisée (Plus élégante que le 'i' standard) */
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info::before {
    content: "\e92d" !important;
    /* Icône étiquette si disponible, sinon garde celle de Woo */
    font-family: 'ETmodules' !important;
    /* Police d'icônes de Divi */
    color: #e2e8e2 !important;
    left: 25px !important;
    font-size: 18px !important;
    background: none !important;
}

/* 4. Effet de survol (Premium Lift) */
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info:hover {
    border-color: #4a5d43 !important;
    background-color: #222f0e38 !important;
    color: #4a5d43 !important;
    transform: translateY(-3px);
    box-shadow: 0 12px 24px rgba(74, 93, 67, 0.1) !important;

}

.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info:hover a.showcoupon {
    color: #4a5d43 !important;
}

/* --- LE FORMULAIRE DE COUPON (DÉPLIÉ) --- */
.woocommerce-checkout form.checkout_coupon {
    border: 1px solid #eee !important;
    background: #ffffff !important;
    border-radius: 15px !important;
    padding: 8px !important;
    margin: 20px 0 40px !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.05) !important;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    min-height: 130px;
}

/* Champ de saisie */
.woocommerce-checkout form.checkout_coupon .form-row-first {
    flex: 1;
    min-width: 200px;
    margin: 0 !important;
}

.woocommerce-checkout form.checkout_coupon input#coupon_code {
    border-radius: 12px !important;
    /* Forme pilule naturelle */
    padding: 15px 15px !important;
    border: 1px solid #d1d6d1 !important;
    font-size: 0.95rem !important;
    height: 50px !important;
}

/* Bouton Appliquer */
.woocommerce-checkout form.checkout_coupon button.button {
    border-radius: 12px !important;
    background-color: #222f0e !important;
    border: 1px solid #e2e8e2 !important;
    border-radius: 12px !important;
    color: #e2e8e2 !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    padding: 5px 20px !important;
    width: 100% !important;
    font-size: 1.05rem !important;
    font-weight: 400 !important;
    text-align: center !important;

}

.woocommerce-checkout form.checkout_coupon .form-row.form-row-last {
    width: 100%;
}

.woocommerce-checkout form.checkout_coupon button.button:hover {
    border-color: #4a5d43 !important;
    background-color: #222f0e38 !important;
    color: #4a5d43 !important;
    transform: translateY(-3px);
    box-shadow: 0 12px 24px rgba(74, 93, 67, 0.1) !important;
}

.woocommerce-checkout form.checkout_coupon button.button:hover::after {
    display: none;
}

/* Suppression globale de l'élément :after au survol sur tous les types de boutons */
button:hover::after,
.button:hover::after,
.et_pb_button:hover::after,
input[type="submit"]:hover::after,
.checkout-button:hover::after {
    display: none !important;
    content: none !important;
    /* Assure que rien n'est généré */
}

/* On retire également le décalage (padding) souvent prévu pour laisser place à l'icône */
button:hover,
.button:hover,
.et_pb_button:hover,
.checkout-button:hover {
    padding-right: 20px !important;
    /* Ajustez selon vos paddings actuels pour éviter que le texte ne bouge */
}

/**************************************************/
/* BARRE DE LIVRAISON GRATUITE (Premium) */
/**************************************************/

.shipping-premium-container>div {
    border: none !important;
    background: #ffffff !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06) !important;
}

/* Bouton Continuer mes achats assorti au thème */
.shipping-premium-container a {
    background-color: #8c9e78 !important;
    /* Vert sauge plus doux */
    font-family: inherit;
    text-transform: uppercase;
    font-size: 0.8em !important;
    letter-spacing: 0.5px;
}

/* Conteneur global */
.shipping-premium-container {
    width: 100%;
    margin-bottom: 25px;
    clear: both;
}

/* Boîte principale élégante */
.shipping-notice-box {
    background: #ffffff;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    border: 1px solid #dce2dc;
    text-align: center;
}

.shipping-notice-text {
    margin-bottom: 12px;
    font-size: 1.05em;
    color: #333;
}

.shipping-amount {
    color: #4a5d43;
    /* Vert Phyt-Inov au lieu du rouge */
    font-weight: bold;
}

/********************************/
/* Barre de progression moderne */
/********************************/

.shipping-progress-bar {
    background: #f0f3f0;
    border-radius: 20px;
    height: 10px;
    width: 90%;
    margin: 0 auto 15px auto;
    overflow: hidden;
}

.shipping-progress-fill {
    background: linear-gradient(90deg, #4a5d43, #8c9e78);
    height: 100%;
    transition: width 0.8s ease-in-out;
}

/* Bouton Continuer mes achats (Style épuré) */
.shipping-continue-btn {
    display: inline-block;
    background-color: #f9fbf9;
    color: #4a5d43 !important;
    padding: 8px 20px;
    border-radius: 50px;
    border: 1px solid #4a5d43;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.85em;
    transition: all 0.3s ease;
}

.shipping-continue-btn:hover {
    background-color: #4a5d43;
    color: #ffffff !important;
}

/* Boîte succès */
.shipping-success-box {
    background: #f4f8f4;
    padding: 18px;
    border-radius: 12px;
    border: 1px solid #2ecc71;
    text-align: center;
    color: #2c3e2d;
}

/********************/
/* bloc de payement */
/********************/

.et_pb_module.et_pb_wc_checkout_payment_info.et_pb_wc_checkout_payment_info_0 {
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid #eee !important;
    background: #ffffff !important;
    border-radius: 15px !important;
}


#payment div.payment_box {
    background-color: #c9c4c41c !important;
    border: 1px solid #e2e8e2 !important;
    border-radius: 8px !important;
    color: #5d6b5d !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
}


#place_order {
    border-radius: 12px !important;
    background-color: #222f0e !important;
    border: 1px solid #e2e8e2 !important;
    border-radius: 12px !important;
    color: #e2e8e2 !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    padding: 5px 20px !important;
    width: 100% !important;
    font-size: 1.05rem !important;
    font-weight: 400 !important;
    text-align: center !important;
    margin-top: 10px;
}

#place_order:hover {
    border-color: #4a5d43 !important;
    background-color: #222f0e38 !important;
    color: #4a5d43 !important;
    transform: translateY(-3px);
    box-shadow: 0 12px 24px rgba(74, 93, 67, 0.1) !important;
}

#place_order:hover::after {
    display: none;
}


/*******************************/
/**********page panier**********/
/*******************************/


/**************************************************/
/* HARMONISATION PAGE PANIER (CART)              */
/**************************************************/

/* Application des polices et couleurs globales */
.woocommerce-cart {
    font-family: 'Open Sans', 'Helvetica Neue', sans-serif;
    color: #4a4a4a;
}

/* Titre "Total panier" identique au Checkout */
.woocommerce-cart .cart_totals h2 {
    font-size: 1.4rem;
    font-weight: 600;
    color: #2c3e2d;
    border-bottom: 2px solid #f2f5f2;
    padding-bottom: 12px;
    margin-bottom: 25px;
}

/**************************************************/
/* TABLEAUX (PRODUITS ET TOTAL)                   */
/**************************************************/

.woocommerce-cart table.shop_table {
    border: none !important;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
    overflow: hidden;
    border-collapse: separate;
}

.woocommerce-cart table.shop_table thead th {
    background: #f9fbf9;
    color: #2c3e2d;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 1px;
    padding: 15px;
    border: none;
}

.woocommerce-cart table.shop_table td {
    padding: 20px 15px;
    border-top: 1px solid #f0f3f0;
}

/* Bouton supprimer (X) */
.woocommerce-cart table.shop_table a.remove {
    color: #d9534f !important;
    background-color: transparent !important;
    font-size: 1.5em;
    transition: all 0.3s ease;
}

.woocommerce-cart table.shop_table a.remove:hover {
    background-color: #d9534f !important;
    color: #ffffff !important;
}

/**************************************************/
/* ZONE CODE PROMO & ACTIONS                      */
/**************************************************/

/* Champ de saisie code promo */
.woocommerce-cart .coupon input#coupon_code {
    border-radius: 8px !important;
    border: 1px solid #dce2dc !important;
    padding: 15px 15px !important;
    margin-right: 10px;
}

/* Bouton Appliquer le code promo */
.woocommerce-cart .coupon .button {
    border-radius: 8px !important;
    background-color: transparent !important;
    border: 1px solid #222f0e !important;
    color: #222f0e !important;
    padding: 10px 20px !important;
    font-weight: 600;
}

.woocommerce-cart .coupon .button:hover {
    background-color: #222f0e !important;
    color: #ffffff !important;
}

/* Bouton Mettre à jour le panier (plus discret) */
button[name="update_cart"] {
    border-radius: 8px !important;
    background-color: #f0f3f0 !important;
    color: #5d6b5d !important;
    border: none !important;
    padding: 10px 20px !important;
}

/**************************************************/
/* BOUTON FINAL : VALIDER LA COMMANDE             */
/**************************************************/

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    background-color: #222f0e !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    /* Style pilule premium */
    padding: 18px 30px !important;
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    text-align: center;
    box-shadow: 0 10px 20px rgba(34, 47, 14, 0.15) !important;
    transition: all 0.4s ease !important;
    display: block;
    border: 1px solid transparent !important;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    background-color: transparent !important;
    color: #222f0e !important;
    border-color: #222f0e !important;
    transform: translateY(-3px);
    box-shadow: 0 15px 30px rgba(34, 47, 14, 0.2) !important;
}

/**************************************************/
/* CALCULATEUR D'EXPÉDITION                        */
/**************************************************/

.shipping-calculator-button {
    color: #8c9e78 !important;
    font-weight: 600;
    text-decoration: underline;
}

.shipping-calculator-form input,
.shipping-calculator-form select {
    border-radius: 8px !important;
    border: 1px solid #dce2dc !important;
    padding: 8px !important;
}