.elementor-1175 .elementor-element.elementor-element-55ab918{--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-1175 .elementor-element.elementor-element-dd3837d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:90px;--margin-bottom:150px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1175 .elementor-element.elementor-element-3ee2144{text-align:center;}.elementor-1175 .elementor-element.elementor-element-05cd9e6{--update-cart-automatically-display:none;}.elementor-1175 .elementor-element.elementor-element-05cd9e6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1175 .elementor-element.elementor-element-0fef6ef{--display:flex;--min-height:450px;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1175 .elementor-element.elementor-element-0fef6ef:not(.elementor-motion-effects-element-type-background), .elementor-1175 .elementor-element.elementor-element-0fef6ef > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}/* Start custom CSS *//* Appliquer uniquement au widget panier Elementor */
.elementor-widget-woocommerce-cart {

  /* === TABLEAU === */
  table.shop_table {
    width: 100%;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    color: #131015;
    border-collapse: collapse;
  }

  

  .product-thumbnail img {
    max-width: 60px;
    border-radius: 6px;
  }

  .product-name a {
    font-weight: 600;
    color: #131015;
    text-decoration: none;
  }

  .product-name dl.variation {
    font-size: 13px;
    margin-top: 4px;
    color: #666;
  }

  /* === SUPPRIMER === */
  .product-remove a.remove {
    font-size: 20px;
    color: #cb2c5d;
    text-decoration: none;
    font-weight: bold;
    line-height: 1;
  }

  .product-remove a.remove:hover {
    color: #000;
  }

  /* === CHAMP QUANTITÉ === */
  .product-quantity .quantity-button.plus,
  .product-quantity .quantity-button.minus {
    display: none !important;
  }

  .product-quantity input.qty {
    width: 55px;
    height: 38px;
    text-align: center;
    font-size: 15px;
    font-family: 'Montserrat', sans-serif;
    border-radius: 4px;
    border: 1px solid #ccc;
  }

  /* === BOUTONS FORMULAIRES === */
  .woocommerce-cart-form button.button,
  .elementor-widget-woocommerce-cart .e-apply-coupon,
  .wc-proceed-to-checkout .checkout-button {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    padding: 12px 18px;
    border-radius: 6px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 10px;
    width: 100%;
    text-align: center;
    transition: 0.2s ease all;
  }

  .woocommerce-cart-form button.button,
  .elementor-widget-woocommerce-cart .e-apply-coupon {
    background-color: transparent;
    color: #131015;
    border: 1px solid #131015;
  }

  .woocommerce-cart-form button.button:hover,
  .elementor-widget-woocommerce-cart .e-apply-coupon:hover {
    background-color: #FF6F3B ;
    color: #fff;
  }

  .woocommerce-cart-form button.button:disabled {
    opacity: 0.4;
    cursor: not-allowed;
  }

  .wc-proceed-to-checkout .checkout-button {
    background-color: #131015;
    color: #fff;
    border: none;
  }

  .wc-proceed-to-checkout .checkout-button:hover {
    background-color: #FF6F3B ;
  }

  /* === CHAMP CODE PROMO === */
  .coupon.e-cart-section.shop_table {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 30px;
  }

  .coupon-col-start,
  .coupon-col-end {
    width: 100%;
  }

  #coupon_code {
    font-family: 'Montserrat', sans-serif;
    padding: 12px 14px;
    border: 1px solid #ccc;
    border-radius: 6px;
    width: 100%;
    font-size: 14px;
  }

  /* === TOTAUX DU PANIER === */
  .cart_totals h2 {
    font-size: 18px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 15px;
  }

  .cart_totals table th,
  .cart_totals table td {
    font-size: 15px;
    padding: 10px 0;
    font-family: 'Montserrat', sans-serif;
  }

  .cart_totals .order-total strong {
    font-size: 16px;
    color: #131015;
  }
  
  
}

/* Forcer les liens dans le panier à la bonne couleur */
.elementor-widget-woocommerce-cart a,
.elementor-widget-woocommerce-cart a:visited {
  color: #FF6F3B !important; /* ou la couleur de ton thème */
  text-decoration: none;
}

.elementor-widget-woocommerce-cart a:hover {
  color: #FF6F3B !important; /* couleur de survol, optionnelle */
  text-decoration: underline;
}

/* Appliquer aussi à la colonne des produits */
.elementor-widget-woocommerce-cart .product-name a {
  color: #131015 !important;
  font-weight: 600;
}
/* Bouton "Passer à la commande" - reset des styles WooCommerce */
.elementor-widget-woocommerce-cart .checkout-button,
.elementor-widget-woocommerce-cart .checkout-button:visited {
  background-color: #131015 !important;
  color: #fff !important;
  border: none !important;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 14px;
  padding: 14px 20px;
  border-radius: 6px;
  width: 100%;
  display: block;
  text-align: center;
  transition: all 0.3s ease;
}

/* Hover */
.elementor-widget-woocommerce-cart .checkout-button:hover {
  background-color: #FF6F3B  !important;
  color: #fff !important;
}

/* Supprimer tout border et ombre résiduelle */
.elementor-widget-woocommerce-cart .checkout-button:focus,
.elementor-widget-woocommerce-cart .checkout-button:active {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

/* Bouton "Rafraîchir le panier" */
.woocommerce .cart input.button[name="update_cart"] {
  background-color: transparent !important;
  color: #131015 !important;
  border: 1px solid #131015 !important;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  padding: 12px 18px;
  border-radius: 6px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.woocommerce .cart input.button[name="update_cart"]:hover {
  background-color: #131015 !important;
  color: #fff !important;
}


/* Bouton "Appliquer le code promo" */
.woocommerce .e-apply-coupon.button {
  background-color: transparent !important;
  color: #131015 !important;
  border: 1px solid #131015 !important;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  padding: 12px 18px;
  border-radius: 6px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s ease;
  height: 100%; /* Pour l’alignement */
}

.product-name a:hover{
    color:#FF6F3B !important;
}

.woocommerce .e-apply-coupon.button:hover {
  background-color: #FF6F3B  !important;
  color: #fff !important;
}

/* Champ Code Promo + bouton alignement */
.woocommerce .coupon-col {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  align-items: center;
}

.woocommerce .coupon-col-start {
  flex: 1;
}

.woocommerce .coupon-col-start input {
  width: 100%;
  padding: 12px 14px;
  border-radius: 6px;
  border: 1px solid #ccc;
  font-size: 14px;
  font-family: 'Montserrat', sans-serif;
}

@media (max-width: 768px) {
  /* 1) masquer thead et les pseudo-labels Woo */
  .elementor-widget-woocommerce-cart
    table.shop_table_responsive thead,
  .elementor-widget-woocommerce-cart
    table.shop_table_responsive td::before {
    display: none !important;
    content: none !important;
  }

  /* 2) chaque ligne en flex row wrap */
  .elementor-widget-woocommerce-cart
    table.shop_table_responsive tbody tr.cart_item {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    padding: 12px 0 !important;
    border-bottom: 1px solid #e5e5e5 !important;
    position: relative !important;
  }

  /* 3) bouton × */
  .elementor-widget-woocommerce-cart
    table.shop_table_responsive tbody tr.cart_item td.product-remove {
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    z-index: 2 !important;
  }

  /* 4) on cache tous les <td> par défaut */
  .elementor-widget-woocommerce-cart
    table.shop_table_responsive tbody tr.cart_item td {
    display: none !important;
  }

  /* 5) on réaffiche et on ordonne : vignette (20%), nom (80%) */
  .elementor-widget-woocommerce-cart
    table.shop_table_responsive tbody tr.cart_item td.product-thumbnail {
    display: block !important;
    order: 1 !important;
    flex: 0 0 20% !important;
    padding-right: 10px !important;
  }
  .elementor-widget-woocommerce-cart
    table.shop_table_responsive tbody tr.cart_item td.product-thumbnail img {
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
  }

  .elementor-widget-woocommerce-cart
    table.shop_table_responsive tbody tr.cart_item td.product-name {
    display: block !important;
    order: 2 !important;
    flex: 0 0 80% !important;
  }
  .elementor-widget-woocommerce-cart
    table.shop_table_responsive tbody tr.cart_item td.product-name a {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #131015 !important;
  }

  /* 6) deuxième ligne : prix (50%) + quantité (50%) */
  .elementor-widget-woocommerce-cart
    table.shop_table_responsive tbody tr.cart_item td.product-price {
    display: block !important;
    order: 3 !important;
    flex: 0 0 50% !important;
    text-align: left !important;
    padding-top: 8px !important;
  }
  .elementor-widget-woocommerce-cart
    table.shop_table_responsive tbody tr.cart_item td.product-quantity {
    display: block !important;
    order: 4 !important;
    flex: 0 0 50% !important;
    text-align: right !important;
    padding-top: 8px !important;
  }

  /* 7) cacher le sous-total */
  .elementor-widget-woocommerce-cart
    table.shop_table_responsive tbody tr.cart_item td.product-subtotal {
    display: none !important;
  }
    /* ► Afficher la croix de suppression en haut-droite */
  .elementor-widget-woocommerce-cart
    table.shop_table_responsive
    tbody tr.cart_item
    td.product-remove {
    display: block !important;
    order: 0 !important;         /* avant tout le reste */
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    z-index: 10 !important;
    padding: 0 !important;
  }

  .elementor-widget-woocommerce-cart
    table.shop_table_responsive
    tbody tr.cart_item
    td.product-remove a.remove {
    font-size: 20px !important;
    color: #FFFFF !important;
  }
  .elementor-widget-woocommerce-cart
    table.shop_table_responsive
    tbody tr.cart_item
    td.product-remove a.remove:hover {
    color: #000 !important;
  }
  
  .elementor-widget-woocommerce-cart .e-cart-section{
      border:none;
  }

 /* 1) Transformer le conteneur de "Valeur du panier" en flex */
  .elementor-widget-woocommerce-cart .cart_totals {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 0 12px !important;
    margin-bottom: 16px !important;
  }

  /* 2) Règles sur le titre */
  .elementor-widget-woocommerce-cart .cart_totals h2 {
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
  }

  /* 3) Règles sur la ligne du sous-total */
  .elementor-widget-woocommerce-cart .cart_totals table .cart-subtotal {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
  }
  /* masquer le label <th> "Sous-total" */
  .elementor-widget-woocommerce-cart .cart_totals table .cart-subtotal th {
    display: none !important;
  }
  /* styliser le montant */
  .elementor-widget-woocommerce-cart .cart_totals table .cart-subtotal td {
    padding: 0 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #FF6F3B !important;
  }
    /* Forcer le conteneur et le bouton Checkout à 100% */
  .elementor-widget-woocommerce-cart .wc-proceed-to-checkout {
    width: 100% !important;
  }
  .elementor-widget-woocommerce-cart .wc-proceed-to-checkout .checkout-button {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    text-align: center !important;
    margin-top: 12px !important;
  }
    /* ======= PANIER MOBILE ======= */
@media (max-width: 768px) {
  /* Cacher l'en-tête et les labels Woo */
  .elementor-widget-woocommerce-cart table.shop_table_responsive thead,
  .elementor-widget-woocommerce-cart table.shop_table_responsive td::before {
    display: none !important;
    content: none !important;
  }

  /* Chaque ligne du panier en bloc flexible */
  .elementor-widget-woocommerce-cart table.shop_table_responsive tbody tr.cart_item {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    padding: 12px 0 !important;
    border-bottom: 1px solid #e5e5e5 !important;
    position: relative !important;
  }

  /* Croix de suppression */
  .elementor-widget-woocommerce-cart td.product-remove {
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    z-index: 2 !important;
    display: block !important;
    padding: 0 !important;
  }
  .elementor-widget-woocommerce-cart td.product-remove a.remove {
    font-size: 20px !important;
    color: #FF6F3B !important;
    text-decoration: none !important;
  }
  .elementor-widget-woocommerce-cart td.product-remove a.remove:hover {
    color: #000 !important;
  }

  /* Image produit (20%) */
  .elementor-widget-woocommerce-cart td.product-thumbnail {
    display: block !important;
    order: 1 !important;
    flex: 0 0 20% !important;
    padding-right: 10px !important;
  }
  .elementor-widget-woocommerce-cart td.product-thumbnail img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 6px !important;
  }

  /* Nom produit (80%) */
  .elementor-widget-woocommerce-cart th.product-name {
    display: block !important;
    order: 2 !important;
    flex: 0 0 80% !important;
  }
  .elementor-widget-woocommerce-cart th.product-name a {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #131015 !important;
    text-decoration: none !important;
  }
  .elementor-widget-woocommerce-cart th.product-name a:hover {
    color: #FF6F3B !important;
  }

  /* Prix (50%) */
  .elementor-widget-woocommerce-cart td.product-price {
    display: block !important;
    order: 3 !important;
    flex: 0 0 50% !important;
    text-align: left !important;
    padding-top: 6px !important;
    font-weight: 600 !important;
    color: #131015 !important;
  }

  /* Quantité (50%) */
  .elementor-widget-woocommerce-cart td.product-quantity {
    display: block !important;
    order: 4 !important;
    flex: 0 0 50% !important;
    text-align: right !important;
    padding-top: 6px !important;
  }

  /* Cacher le sous-total */
  .elementor-widget-woocommerce-cart td.product-subtotal {
    display: none !important;
  }
  
  



}/* End custom CSS */