.elementor-3160 .elementor-element.elementor-element-ba83395{--display:flex;--min-height:0px;}.elementor-3160 .elementor-element.elementor-element-ba83395.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-3160 .elementor-element.elementor-element-50dec4df > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3160 .elementor-element.elementor-element-0ce1a1d{--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;}body.elementor-page-3160{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-3160 .elementor-element.elementor-element-ba83395{--content-width:1600px;}}/* Start custom CSS *//* =========================
   PANIER – UNIFORMISATION
========================= */

/* 1️⃣ Images produits : même taille */
.woocommerce-cart table.shop_table img {
  width: 90px !important;
  height: 90px !important;
  object-fit: cover !important;
  border-radius: 6px;
  margin-right: 10px;
}

/* Mobile : un peu plus petit */
@media (max-width: 768px) {
  .woocommerce-cart table.shop_table img {
    width: 70px !important;
    height: 70px !important;
  }
}

/* 2️⃣ Nom du produit */
.woocommerce-cart table.shop_table td.product-name,
.woocommerce-cart table.shop_table td.product-name a {
  font-family: "Montserrat", "Poppins", sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #222 !important;
  line-height: 1.4;
}

/* 3️⃣ Prix, sous-total, quantité */
.woocommerce-cart table.shop_table td,
.woocommerce-cart table.shop_table th {
  font-family: "Montserrat", "Poppins", sans-serif !important;
  font-size: 14px !important;
  color: #333 !important;
}

/* 4️⃣ Alignement vertical propre */
.woocommerce-cart table.shop_table td {
  vertical-align: middle !important;
}

/* 5️⃣ Supprimer les décalages bizarres */
.woocommerce-cart table.shop_table td.product-thumbnail {
  width: 110px;
  text-align: center;
}
/* ========== PANIER – Champ code de réduction plus lisible ========== */

/* Champ "Code de réduction" */
.woocommerce-cart .coupon input#coupon_code {
  min-width: 220px !important;
  height: 46px !important;
  padding: 0 14px !important;
  font-size: 15px !important;
  border-radius: 10px !important;
  line-height: 46px !important;
}

/
    border-radius: 12px !important;
  }
/* =========================
   PANIER MOBILE – BOUTONS PROPRES & ÉLÉGANTS
   ========================= */
@media (max-width: 768px) {

  /* Conteneur coupon */
  .woocommerce-cart .coupon {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    margin-bottom: 10px;
  }

  /* Champ code de réduction */
  .woocommerce-cart .coupon input#coupon_code {
    width: 100% !important;
    max-width: 300px !important;
    height: 42px !important;
    font-size: 14px !important;
    text-align: center !important;
    border-radius: 10px !important;
    padding: 0 12px !important;
  }

  /* Boutons : appliquer + mettre à jour */
  .woocommerce-cart .coupon button,
  .woocommerce-cart button[name="update_cart"] {
    width: 100% !important;
    max-width: 300px !important;
    height: 42px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    text-align: center !important;
    padding: 0 16px !important;
    line-height: 42px !important;
  }

  /* Mettre à jour le panier un peu moins dominant */
  .woocommerce-cart button[name="update_cart"] {
    margin-top: 6px !important;
    opacity: 0.9;
  }

}/* ✅ PANIER - MOBILE : zone coupon + boutons jolis et alignés */
@media (max-width: 767px){

  /* Conteneur de la ligne coupon */
  .woocommerce-cart .woocommerce table.cart td.actions{
    text-align: center !important;
  }

  /* On force la zone coupon à être une colonne propre */
  .woocommerce-cart .woocommerce table.cart td.actions .coupon{
    float: none !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 12px 0 14px !important;
  }

  /* Champ "Code de réduction" */
  .woocommerce-cart .woocommerce table.cart td.actions .coupon input#coupon_code{
    width: 92% !important;
    max-width: 420px !important;
    height: 46px !important;
    line-height: 46px !important;
    padding: 0 14px !important;
    border-radius: 10px !important;
    font-size: 16px !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }

  /* Bouton "Appliquer le code" */
  .woocommerce-cart .woocommerce table.cart td.actions .coupon button,
  .woocommerce-cart .woocommerce table.cart td.actions .coupon input[type="submit"]{
    width: 92% !important;
    max-width: 420px !important;
    height: 46px !important;
    padding: 0 14px !important;
    border-radius: 12px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 46px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
  }

  /* Bouton "Mettre à jour le panier" */
  .woocommerce-cart .woocommerce table.cart td.actions button[name="update_cart"],
  .woocommerce-cart .woocommerce table.cart td.actions input[name="update_cart"]{
    float: none !important;
    display: inline-block !important;
    width: 92% !important;
    max-width: 420px !important;
    height: 46px !important;
    padding: 0 14px !important;
    border-radius: 12px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 46px !important;
    margin: 8px auto 0 !important;
  }
}/* 🔧 ALIGNEMENT PARFAIT – Code réduction / Appliquer / Mettre à jour */
@media (max-width: 767px){

  /* Reset total du champ coupon */
  .woocommerce-cart .woocommerce table.cart td.actions .coupon input#coupon_code{
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
    float: none !important;
  }

  /* Sécurité : mêmes largeurs pour les 3 */
  .woocommerce-cart .woocommerce table.cart td.actions .coupon input#coupon_code,
  .woocommerce-cart .woocommerce table.cart td.actions .coupon button,
  .woocommerce-cart .woocommerce table.cart td.actions button[name="update_cart"],
  .woocommerce-cart .woocommerce table.cart td.actions input[name="update_cart"]{
    width: 92% !important;
    max-width: 420px !important;
  }

}/* 🎯 MOBILE – même police & même taille que "Valider la commande" */
@media (max-width: 767px){

  /* On récupère la typo du bouton checkout */
  .woocommerce-cart .coupon input#coupon_code,
  .woocommerce-cart .coupon button,
  .woocommerce-cart button[name="update_cart"]{
    font-family: inherit !important;
    font-size: 16px !important;          /* identique à Valider la commande */
    font-weight: 700 !important;         /* même impact visuel */
    letter-spacing: 0.3px !important;
  }

  /* Champ code de réduction = texte centré et lisible */
  .woocommerce-cart .coupon input#coupon_code{
    text-align: center !important;
  }

}/* 🎯 MOBILE – forcer la police EXACTE du bouton checkout */
@media (max-width: 767px){

  /* On prend la police du bouton "Valider la commande" */
  .woocommerce-cart .coupon input#coupon_code,
  .woocommerce-cart .coupon button,
  .woocommerce-cart button[name="update_cart"]{
    font-family: var(--e-global-typography-accent-font-family, inherit) !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    letter-spacing: 0.2px !important;
  }

  /* Sécurité : bouton checkout reste référence */
  .woocommerce-cart .checkout-button{
    font-family: var(--e-global-typography-accent-font-family, inherit) !important;
  }

}/* 🔥 MOBILE – FORCER EXACTEMENT LA POLICE DU BOUTON CHECKOUT */
@media (max-width: 767px){

  /* Bouton référence : Valider la commande */
  .woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
    font-family: var(--e-global-typography-accent-font-family) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 0.3px !important;
  }

  /* Code de réduction (input) */
  .woocommerce-cart input#coupon_code{
    font-family: var(--e-global-typography-accent-font-family) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 0.3px !important;
  }

  /* Appliquer le code – TOUS les cas possibles */
  .woocommerce-cart .coupon button,
  .woocommerce-cart .coupon input[type="submit"],
  .woocommerce-cart .coupon input.button{
    font-family: var(--e-global-typography-accent-font-family) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 0.3px !important;
  }

  /* Mettre à jour le panier – TOUS les cas possibles */
  .woocommerce-cart button[name="update_cart"],
  .woocommerce-cart input[name="update_cart"],
  .woocommerce-cart button.update-cart{
    font-family: var(--e-global-typography-accent-font-family) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 0.3px !important;
  }

}.woocommerce-cart .elementor-widget-heading {
    margin-bottom: 10px !important;
    padding-bottom: 0 !important;
}.woocommerce-cart .elementor-widget-heading {
    margin-bottom: 0 !important;
}/* Réduire l'espace au-dessus/au-dessous du titre de la page Panier */
.woocommerce-cart .page-title,
.woocommerce-cart .entry-title,
.woocommerce-cart h1.entry-title {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Réduire l'espace du bandeau / container du titre si ton thème en ajoute */
.woocommerce-cart .page-header,
.woocommerce-cart .stm_titlebox,
.woocommerce-cart .page-title-wrap,
.woocommerce-cart .titlebox,
.woocommerce-cart .page-title-area {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  margin-bottom: 10px !important;
}/* End custom CSS */