.elementor-33772 .elementor-element.elementor-element-1d2e68a6{--display:flex;}.elementor-33772 .elementor-element.elementor-element-4ebae72{--display:flex;}/* Start custom CSS for woocommerce-cart, class: .elementor-element-e461ea7 *//* 🎯 Conteneur principal du panier */
.elementor-33772 .elementor-element.elementor-element-e461ea7 .woocommerce {
  background: #f9f9f7;
  padding: 30px;
  border-radius: 16px;
  box-shadow: 0 5px 30px rgba(0,0,0,0.05);
  font-family: 'Segoe UI', sans-serif;
}

/* 🧾 Tableau du panier */
.elementor-33772 .elementor-element.elementor-element-e461ea7 table.shop_table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 12px;
}

.elementor-33772 .elementor-element.elementor-element-e461ea7 table.shop_table thead {
  background-color: #e6efe3;
  color: #334d33;
  font-weight: 600;
}

.elementor-33772 .elementor-element.elementor-element-e461ea7 table.shop_table th,
.elementor-33772 .elementor-element.elementor-element-e461ea7 table.shop_table td {
  padding: 14px;
  border: none;
  text-align: left;
  vertical-align: middle;
}

.elementor-33772 .elementor-element.elementor-element-e461ea7 table.shop_table td {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.04);
}

/* 🖼️ Miniatures */
.elementor-33772 .elementor-element.elementor-element-e461ea7 .product-thumbnail img {
  border-radius: 10px;
  width: 100px;
  height: auto;
}

/* ❌ Bouton supprimer */
.elementor-33772 .elementor-element.elementor-element-e461ea7 .product-remove a.remove {
  color: #ba3535;
  font-size: 20px;
  text-decoration: none;
  transition: color 0.2s ease;
}

.elementor-33772 .elementor-element.elementor-element-e461ea7 .product-remove a.remove:hover {
  color: #ff4444;
}

/* 🏷️ Noms des produits */
.elementor-33772 .elementor-element.elementor-element-e461ea7 .product-name a {
  color: #334d33;
  font-weight: 600;
  text-decoration: none;
}

.elementor-33772 .elementor-element.elementor-element-e461ea7 .product-name a:hover {
  text-decoration: underline;
}

/* 🎛️ Quantité */
.elementor-33772 .elementor-element.elementor-element-e461ea7 .product-quantity input {
  border-radius: 8px;
  border: 1px solid #ccc;
  padding: 6px;
  background-color: #f4f7f3;
  width: 60px;
  text-align: center;
}

/* 💶 Sous-total et total */
.elementor-33772 .elementor-element.elementor-element-e461ea7 .cart_totals th,
.elementor-33772 .elementor-element.elementor-element-e461ea7 .cart_totals td {
  padding: 12px;
  font-size: 16px;
}

.elementor-33772 .elementor-element.elementor-element-e461ea7 .order-total td {
  font-weight: bold;
  font-size: 18px;
  color: #334d33;
}

/* 🚚 Livraison */
.elementor-33772 .elementor-element.elementor-element-e461ea7 .woocommerce-shipping-totals {
  margin-top: 20px;
  background-color: #f6f9f3;
  border-radius: 12px;
  padding: 15px;
  font-size: 14px;
  color: #444;
}

/* 🎟️ Code promo */
.elementor-33772 .elementor-element.elementor-element-e461ea7 .coupon input.input-text {
  border-radius: 8px;
  border: 1px solid #ccc;
  padding: 10px;
  background-color: #fafafa;
  width: 200px;
  margin-right: 10px;
}

.elementor-33772 .elementor-element.elementor-element-e461ea7 .coupon button.button {
  background-color: #8BA981;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 10px 20px;
  font-weight: 600;
  transition: background-color 0.2s ease;
}

.elementor-33772 .elementor-element.elementor-element-e461ea7 .coupon button.button:hover {
  background-color: #66835C;
}

/* 🌿 Bouton "Passer à la commande" WooCommerce */
.elementor-33772 .elementor-element.elementor-element-e461ea7 .woocommerce .checkout-button.button.alt.wc-forward {
  background-color: #8BA981;
  color: #fff !important;
  border: none;
  border-radius: 10px;
  padding: 14px 24px;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none !important;
  box-shadow: none;
  display: inline-block;
  transition: background-color 0.3s ease;
}

/* 🟢 Hover sans soulignement */
.elementor-33772 .elementor-element.elementor-element-e461ea7 .woocommerce .checkout-button.button.alt.wc-forward:hover {
  background-color: #66835C;
  color: #fff !important;
  text-decoration: none !important;
}


.elementor-33772 .elementor-element.elementor-element-e461ea7 .wc-proceed-to-checkout a.checkout-button:hover {
  background-color: #4c6547;
}

/* 📱 Responsive */
@media (max-width: 768px) {
  .elementor-33772 .elementor-element.elementor-element-e461ea7 table.shop_table th,
  .elementor-33772 .elementor-element.elementor-element-e461ea7 table.shop_table td {
    padding: 10px 8px;
    font-size: 14px;
  }

  .elementor-33772 .elementor-element.elementor-element-e461ea7 .product-thumbnail img {
    width: 70px;
  }

  .elementor-33772 .elementor-element.elementor-element-e461ea7 .coupon input.input-text {
    width: 100%;
    margin-bottom: 10px;
  }

  .elementor-33772 .elementor-element.elementor-element-e461ea7 .coupon {
    display: flex;
    flex-direction: column;
  }
}


/* 🌿 Boutons principaux WooCommerce */
.elementor-33772 .elementor-element.elementor-element-e461ea7 .woocommerce a.button,
.elementor-33772 .elementor-element.elementor-element-e461ea7 .woocommerce button.button,
.elementor-33772 .elementor-element.elementor-element-e461ea7 .woocommerce input.button,
.elementor-33772 .elementor-element.elementor-element-e461ea7 .woocommerce-cart-form .actions .button {
  background-color: #8BA981;
  color: #fff !important;
  border: none;
  border-radius: 10px;
  padding: 12px 20px;
  font-weight: 600;
  text-transform: none;
  box-shadow: none;
  transition: background-color 0.3s ease;
  font-size: 15px;
}

.elementor-33772 .elementor-element.elementor-element-e461ea7 .woocommerce a.button:hover,
.elementor-33772 .elementor-element.elementor-element-e461ea7 .woocommerce button.button:hover,
.elementor-33772 .elementor-element.elementor-element-e461ea7 .woocommerce input.button:hover,
.elementor-33772 .elementor-element.elementor-element-e461ea7 .woocommerce-cart-form .actions .button:hover {
  background-color: #66835C;
}

/* 🖊️ Corrige le lien bleu du bouton désactivé */
.elementor-33772 .elementor-element.elementor-element-e461ea7 .woocommerce-cart-form .actions .button[disabled],
.elementor-33772 .elementor-element.elementor-element-e461ea7 .woocommerce-cart-form .actions .button:disabled {
  background-color: #d2d2d2 !important;
  color: #999 !important;
  cursor: not-allowed;
  opacity: 0.7;
}

/* 🔗 Corrige tous les liens WooCommerce bleus */
.elementor-33772 .elementor-element.elementor-element-e461ea7 .woocommerce a,
.elementor-33772 .elementor-element.elementor-element-e461ea7 .woocommerce .woocommerce-info,
.elementor-33772 .elementor-element.elementor-element-e461ea7 .woocommerce .woocommerce-message {
  color: #334d33;
}

.elementor-33772 .elementor-element.elementor-element-e461ea7 .woocommerce a:hover {
  color: #66835C;
  text-decoration: underline;
}

/* 🌿 Lien du nom de produit dans le panier */
.elementor-33772 .elementor-element.elementor-element-e461ea7 .woocommerce td.product-name a {
  color: #66835C !important;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.3s ease;
}

/* 🟢 Hover */
.elementor-33772 .elementor-element.elementor-element-e461ea7 .woocommerce td.product-name a:hover {
  color: #4e6846 !important;
  text-decoration: none;
}

/* 🧭 Lien Modifier l’adresse */
.elementor-33772 .elementor-element.elementor-element-e461ea7 .woocommerce .shipping-calculator-button {
  color: #66835C !important;
  font-weight: 500;
  text-decoration: none;
  transition: color 0.3s ease;
}

/* 🎯 Hover sans soulignement */
.elementor-33772 .elementor-element.elementor-element-e461ea7 .woocommerce .shipping-calculator-button:hover {
  color: #4e6846 !important;
  text-decoration: none;
}

/* 📦 Champs du formulaire de modification d'adresse */
.elementor-33772 .elementor-element.elementor-element-e461ea7 .woocommerce .shipping-calculator-form input[type="text"],
.elementor-33772 .elementor-element.elementor-element-e461ea7 .woocommerce .shipping-calculator-form select {
  width: 100%;
  padding: 10px 12px;
  margin-top: 2px;
  margin-bottom: 2px;
  font-size: 14px;
  border: 1px solid #ccc  !important;
  border-radius: 8px;
  background-color: #f9f9f9  !important;
  transition: border-color 0.3s ease, background-color 0.3s ease;
}

/* 🟢 Focus */
.elementor-33772 .elementor-element.elementor-element-e461ea7 .woocommerce .shipping-calculator-form input[type="text"]:focus,
.elementor-33772 .elementor-element.elementor-element-e461ea7 .woocommerce .shipping-calculator-form select:focus {
  border-color: #8BA981;
  background-color: #fff;
  outline: none;
}

/* 🚫 Supprimer les before inutiles */
.elementor-33772 .elementor-element.elementor-element-e461ea7 .woocommerce .form-row::before {
  display: none !important;
  content: none !important;
}

/* ✅ Réduire les marges entre champs */
.elementor-33772 .elementor-element.elementor-element-e461ea7 .woocommerce .form-row {
  margin-bottom: 12px !important;
  padding: 0 !important;
}

/* 🟢 Focus harmonieux */
.elementor-33772 .elementor-element.elementor-element-e461ea7 .woocommerce .shipping-calculator-form select:focus {
  border-color: #8BA981;
  background-color: #fff;
  outline: none;
}

/* ❌ Supprime les marges verticales entre les champs */
.elementor-33772 .elementor-element.elementor-element-e461ea7 .woocommerce .form-row {
  margin-bottom: 0 !important;
}

/* Appliquer un style homogène au selecteur Select2 dans WooCommerce */
.elementor-33772 .elementor-element.elementor-element-e461ea7 .select2-selection {
  background-color: #ffffff !important;
  border: 1px solid #ccd5c1 !important;
  border-radius: 8px !important;
  height: 45px !important;
  padding: 10px 12px !important;
  font-size: 14px !important;
  color: #333 !important;
  transition: all 0.2s ease !important;
}

.elementor-33772 .elementor-element.elementor-element-e461ea7 .select2-selection .select2-selection__rendered {
  color: #2a3b1d !important;
  line-height: 24px !important;
  padding-left: 5px !important;
}

.elementor-33772 .elementor-element.elementor-element-e461ea7 .select2-selection__arrow {
  height: 100% !important;
  right: 10px !important;
}

/* Au focus */
.elementor-33772 .elementor-element.elementor-element-e461ea7 .select2-container--focus {
  border-color: #9fbe88 !important;
  box-shadow: 0 0 0 2px rgba(159, 190, 136, 0.2) !important;
}

.select2-container--open {
  z-index: 9999 !important;
}

.select2-dropdown {
  z-index: 9999 !important;
}/* End custom CSS */