.elementor-230 .elementor-element.elementor-element-a1ba2d4{--display:flex;}.elementor-230 .elementor-element.elementor-element-d611a81{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:3px;--padding-right:0px;}.elementor-230 .elementor-element.elementor-element-d611a81.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-230 .elementor-element.elementor-element-383324a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-230 .elementor-element.elementor-element-d6b4558{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-230 .elementor-element.elementor-element-9dca16f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-230 .elementor-element.elementor-element-69d3a7a{--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-230 .elementor-element.elementor-element-1c71205{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-230 .elementor-element.elementor-element-35adc60{--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-230:not(.elementor-motion-effects-element-type-background), body.elementor-page-230 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://kawbes.com/wp/wp-content/uploads/2025/10/WhatsApp-Image-2025-10-29-a-14.39.54_f2133d48-1.jpg");}@media(max-width:1024px){.elementor-230 .elementor-element.elementor-element-383324a{width:var( --container-widget-width, 487px );max-width:487px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 82px;padding:0px 3px 0px 3px;--container-widget-width:487px;--container-widget-flex-grow:0;}}@media(min-width:768px){.elementor-230 .elementor-element.elementor-element-d611a81{--width:9.928%;}.elementor-230 .elementor-element.elementor-element-35adc60{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-d611a81 */.header-left{ justify-self:start; }
.btn-return{
  font: 600 16px/1.2 "Inter", system-ui, Arial, sans-serif;
  color:#111; text-decoration:none;
  padding:8px 14px;
  border:1px solid #111; border-radius:6px;
  transition: background .25s ease, color .25s ease, transform .15s ease;
}
.btn-return:hover{ background:#111; color:#fff; transform:translateY(-1px); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d6b4558 *//* ===== MyCart header (icône au-dessus, titre dessous, cadenas en bas) ===== */
:root{
  --gold:#c8ad63;           /* doré */
  --text:#2b2b32;           /* gris foncé */
}

.cart-hero.stack{
  display:inline-flex;
  flex-direction:column;    /* pile verticalement : icône -> titre -> cadenas */
  align-items:flex-start;   /* mets 'center' si tu préfères centré */
  gap:8px;
}

/* Icône panier doré (grille) */
.cart-hero .icon-cart{
  width:56px;               /* ajuste la taille ici */
  height:56px;
  color:var(--gold);        /* applique la couleur du trait */
  display:inline-block;
}

/* MyCart — fin, moderne, gris doux */
.cart-hero .cart-title{
  margin:0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI",
               Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight: 400;              /* fin */
  font-size: 38px;               /* ajuste si besoin */
  line-height: 1.05;
  letter-spacing: 0.2px;         /* très léger */
  color: #6b6f76;                /* gris doux comme la maquette */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* (Option) Variante centrée
.cart-hero.stack{ align-items:center; text-align:center; }
*/
.icon-cart-clean {
  width: 56px;
  height: 56px;
  color: #c8ad63;   /* doré */
  display: inline-block;
  background: transparent; /* pas de fond */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9dca16f *//* ===========================
   KAWBES — Cart makeover (scoped)
   Ajoute la classe "kawbes-cart" sur le widget [woocommerce_cart]
   Palette & typo KAWBES
   =========================== */

:root{
  --cart-ink:#1f3b2f;        /* encre KAWBES (vert/gris foncé) */
  --cart-muted:#6e6e6e;
  --cart-border:#e7dfd2;     /* bordure beige claire */
  --cart-bg:#ffffff;
  --cart-head:#efe7db;       /* bandeau tête beige */
  --accent:#a788c9;          /* violet KAWBES */
  --accent-dark:#9370b1;
}

/* Conteneur global (centré) */
.kawbes-cart .woocommerce{
  color:var(--cart-ink);
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  max-width:1120px;          /* retire cette ligne si tu veux 100% largeur */
  margin:0 auto;
  padding:0 16px;
}

/* ---------- Tableau des produits ---------- */
.kawbes-cart .woocommerce table.shop_table{
  border:1.5px solid var(--cart-border);
  border-radius:14px;
  overflow:hidden;
  background:var(--cart-bg);
  box-shadow:0 10px 22px rgba(0,0,0,.06);
}
.kawbes-cart .woocommerce table.shop_table th{
  background:var(--cart-head);
  color:var(--cart-ink);
  font-weight:700;
  padding:14px 16px;
  font-family:"Playfair Display", Georgia, serif;
  letter-spacing:.03em;
  text-transform:uppercase;
  font-size:14px;
}
.kawbes-cart .woocommerce table.shop_table td{
  padding:16px;
  vertical-align:middle;
  border-top:1px solid var(--cart-border);
}

/* Colonne miniature + image plus grandes */
.kawbes-cart .woocommerce table.shop_table .product-thumbnail{ width:140px; }
.kawbes-cart .woocommerce table.shop_table th.product-thumbnail{ width:140px; }
.kawbes-cart .woocommerce .product-thumbnail img{
  width:112px; height:112px; object-fit:cover;
  border-radius:12px;
  box-shadow:0 10px 20px rgba(0,0,0,.12);
}

/* Nom du produit + variations */
.kawbes-cart .woocommerce td.product-name a{
  color:var(--cart-ink);
  font-weight:600;
  text-decoration:none;
  font-size:16px;
}
.kawbes-cart .woocommerce td.product-name .variation,
.kawbes-cart .woocommerce td.product-name .wc-item-meta{
  color:var(--cart-muted);
  font-size:13px;
}

/* Prix et sous-total plus lisibles */
.kawbes-cart .woocommerce td.product-price,
.kawbes-cart .woocommerce td.product-subtotal{
  font-size:16px; 
  font-weight:700; 
  color:var(--cart-ink);
}

/* Bouton supprimer (croix) */
.kawbes-cart .woocommerce a.remove{
  color:#d23f3f !important;
  background:#fff;
  border:1px solid #f0c9c9;
  width:28px;height:28px; line-height:26px;
  border-radius:8px;
  text-align:center;
  display:inline-block;
  transition:.2s ease;
}
.kawbes-cart .woocommerce a.remove:hover{
  background:#ffecec; border-color:#f1a8a8; color:#b83030 !important;
}

/* Quantité */
.kawbes-cart .woocommerce .quantity .qty{
  width:92px; height:44px;
  border:1px solid var(--cart-border);
  border-radius:10px; padding:6px 10px; text-align:center;
  font-size:15px;
}

/* Coupon */
.kawbes-cart .woocommerce .coupon{ display:flex; gap:8px; flex-wrap:wrap; }
.kawbes-cart .woocommerce .coupon .input-text{
  max-width:260px; height:44px;
  border:1px solid var(--cart-border);
  border-radius:10px; padding:0 12px;
}
.kawbes-cart .woocommerce .coupon .button{
  height:44px; border-radius:12px; margin-left:8px;
}

/* Bouton "Mettre à jour le panier" */
.kawbes-cart .woocommerce button[name="update_cart"]{
  border-radius:12px; height:44px;
}

/* ---------- Collatéraux / totaux ---------- */
.kawbes-cart .woocommerce .cart-collaterals .cart_totals{
  background:var(--cart-bg);
  border:1.5px solid var(--cart-border);
  border-radius:14px;
  padding:22px;
  box-shadow:0 10px 22px rgba(0,0,0,.06);
}
.kawbes-cart .woocommerce .cart_totals h2{
  font-family:"Playfair Display", Georgia, serif;
  font-size:28px; margin:0 0 10px;
  letter-spacing:.02em;
}
.kawbes-cart .woocommerce .cart_totals table{ border:none; }
.kawbes-cart .woocommerce .cart_totals table th,
.kawbes-cart .woocommerce .cart_totals table td{
  border:none; padding:10px 0;
}
.kawbes-cart .woocommerce .cart_totals .shipping p,
.kawbes-cart .woocommerce .shipping-calculator-button{
  color:var(--cart-muted);
}
.kawbes-cart .woocommerce .order-total th,
.kawbes-cart .woocommerce .order-total td{
  border-top:1px solid var(--cart-border);
  font-weight:800; font-size:18px; padding-top:14px;
}

/* ---------- Boutons (style global) ---------- */
.kawbes-cart .woocommerce a.button,
.kawbes-cart .woocommerce button.button,
.kawbes-cart .woocommerce input.button{
  background:var(--accent);
  color:#fff; border:none; border-radius:14px;
  padding:12px 22px; font-weight:700;
  box-shadow:0 10px 18px rgba(167,136,201,.28);
  transition:transform .12s ease, box-shadow .12s ease, background .2s ease;
}
.kawbes-cart .woocommerce a.button:hover,
.kawbes-cart .woocommerce button.button:hover,
.kawbes-cart .woocommerce input.button:hover{
  background:var(--accent-dark);
  transform:translateY(-1px);
  box-shadow:0 12px 20px rgba(167,136,201,.35);
}

/* Bouton "Valider la commande" */
.kawbes-cart .woocommerce .wc-proceed-to-checkout a.checkout-button{
  width:100%;
  padding:20px 28px;
  font-size:19px;
  border-radius:18px;
}

/* Lien "Calculer les frais d’expédition" plus discret */
.kawbes-cart .woocommerce a.shipping-calculator-button{
  color:var(--accent);
  text-decoration:none;
}
.kawbes-cart .woocommerce a.shipping-calculator-button:hover{
  text-decoration:underline;
}

/* ---------- Disposition 2 colonnes (desktop) ----------
   Produits à gauche | Totaux à droite
------------------------------------------------------- */
@media (min-width: 980px){
  .kawbes-cart .woocommerce{
    display:grid;
    grid-template-columns: 1.95fr 1.05fr;   /* gauche = produits | droite = totaux */
    gap:32px;
    grid-template-areas: "table totals";
  }
  /* Formulaire du panier (tableau) */
  .kawbes-cart .woocommerce .woocommerce-cart-form{ grid-area: table; }
  /* Totaux à droite + sticky */
  .kawbes-cart .woocommerce .cart-collaterals{
    grid-area: totals;
    align-self:start;
    position: sticky;
    top: 24px;
  }
}

/* ---------- Responsive ---------- */
@media (max-width: 979px){
  .kawbes-cart .woocommerce{ display:block; }
}
@media (max-width: 768px){
  .kawbes-cart .woocommerce .coupon{
    display:flex; gap:8px; flex-wrap:wrap;
  }
  .kawbes-cart .woocommerce .coupon .input-text,
  .kawbes-cart .woocommerce .coupon .button,
  .kawbes-cart .woocommerce button[name="update_cart"]{
    width:100%;
  }
  .kawbes-cart .woocommerce table.shop_table td{
    padding:12px;
  }
}
/* ===== KAWBES — Corrections & polish du panier ===== */

/* Grille : produits à gauche / totaux à droite un peu plus large */
@media (min-width: 980px){
  .kawbes-cart .woocommerce{
    display:grid;
    grid-template-columns: 1.75fr 420px;   /* ajuste 420px si besoin (380–460) */
    gap:36px;
    align-items:start;
  }
  .kawbes-cart .woocommerce .woocommerce-cart-form{ min-width:0; }
  .kawbes-cart .woocommerce .cart-collaterals{
    position: sticky; top: 24px;
    display:flex; flex-direction:column; gap:16px;
  }
}

/* Bloc totaux : carte propre et lisible */
.kawbes-cart .woocommerce .cart-collaterals .cart_totals{
  width:100%;
  background:#fff;
  border:1.5px solid var(--cart-border);
  border-radius:14px;
  padding:22px 22px 8px;
  box-shadow:0 10px 22px rgba(0,0,0,.06);
}

/* Titre "Cart totals" */
.kawbes-cart .woocommerce .cart_totals h2{
  font-family:"Playfair Display", Georgia, serif;
  font-size:26px;
  margin:0 0 8px;
  letter-spacing:.01em;
}

/* TABLE interne des totaux : plus de fond beige, labels/valeurs bien alignés */
.kawbes-cart .woocommerce .cart_totals table{
  width:100%;
  border:none;
  margin:8px 0 10px;
}
.kawbes-cart .woocommerce .cart_totals table th{
  background:transparent;                 /* enlève le fond beige */
  color:var(--cart-ink);
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight:600;
  text-transform:none;
  letter-spacing:0;
  padding:10px 0;
  width:58%;                               /* label à gauche */
  vertical-align:top;
}
.kawbes-cart .woocommerce .cart_totals table td{
  background:transparent;
  padding:10px 0;
  text-align:right;                         /* valeur à droite */
  font-weight:700;
}

/* Ligne total en léger contraste */
.kawbes-cart .woocommerce .order-total th,
.kawbes-cart .woocommerce .order-total td{
  border-top:1px solid var(--cart-border);
  padding-top:14px;
  font-size:18px;
}

/* Texte d’expédition compact et discret */
.kawbes-cart .woocommerce .cart_totals .shipping p{
  color:var(--cart-muted);
  font-size:13px; line-height:1.4;
  margin:.35rem 0 0;
}
.kawbes-cart .woocommerce .shipping-calculator-button{
  color:var(--accent);
  font-size:13px;
}

/* Bouton checkout et bouton GPay : bonne respiration */
.kawbes-cart .woocommerce .wc-proceed-to-checkout{
  margin-top:12px;
}
.kawbes-cart .woocommerce .wc-proceed-to-checkout a.checkout-button{
  width:100%;
  padding:18px 22px;
  font-size:17px;
  border-radius:16px;
}

/* Optionnel : harmoniser les coins/ombre du bouton GPay si présent */
.kawbes-cart .woocommerce .wc_payment_methods + .wc-proceed-to-checkout,
.kawbes-cart .woocommerce .express-checkout-buttons{
  margin-top:12px;
}
.kawbes-cart .woocommerce .apple-pay-button,
.kawbes-cart .woocommerce .google-pay-button{
  border-radius:12px !important;
  overflow:hidden;
}

/* Coupon/footer du tableau : même carte que le tableau */
.kawbes-cart .woocommerce .cart.shop_table .actions{
  background:#fafafa;
  border-top:1px solid var(--cart-border);
}
.kawbes-cart .woocommerce .coupon .input-text{
  max-width:280px;
}

/* ===== TYPO PATCH — style "MyCart" fin & moderne ===== */

/* Base : Inter fin partout */
.kawbes-cart .woocommerce,
.kawbes-cart .woocommerce * {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI",
               Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Entêtes du tableau (remplace le serif + uppercase) */
.kawbes-cart .woocommerce table.shop_table thead th,
.kawbes-cart .woocommerce table.shop_table th {
  font-weight: 500;              /* fin/medium */
  text-transform: none;          /* pas d'uppercase */
  letter-spacing: 0.2px;         /* léger espacement comme la maquette */
  color: #6b6f76;                /* gris doux */
  font-size: 15px;
  font-family: inherit;          /* Inter */
}

/* Noms produits et métas (plus légers) */
.kawbes-cart .woocommerce td.product-name a {
  font-weight: 500;
  letter-spacing: .1px;
  color: #2f3237;
}
.kawbes-cart .woocommerce td.product-name .variation,
.kawbes-cart .woocommerce td.product-name .wc-item-meta {
  color: #7a8088;
  font-weight: 400;
}

/* Montants/prix : lisibles mais pas trop lourds */
.kawbes-cart .woocommerce td.product-price,
.kawbes-cart .woocommerce td.product-subtotal,
.kawbes-cart .woocommerce .cart_totals table td {
  font-weight: 600;              /* un cran au-dessus du texte */
  letter-spacing: .1px;
  color: #3a3d42;
}

/* Titres internes (ex: Cart totals) en Inter fin comme "MyCart" */
.kawbes-cart .woocommerce .cart_totals h2 {
  font-family: inherit;
  font-weight: 400;              /* fin */
  font-size: 26px;
  letter-spacing: .2px;
  color: #6b6f76;
  margin: 0 0 12px;
}

/* Boutons : garde la police, allège la graisse */
.kawbes-cart .woocommerce a.button,
.kawbes-cart .woocommerce button.button,
.kawbes-cart .woocommerce input.button {
  font-weight: 600;              /* pas 700 : plus fin, plus chic */
  letter-spacing: .2px;
}


/* ===== Style "empty cart" façon maquette (centré, fin, noir doux) ===== */
.woocommerce p.cart-empty,
.woocommerce .woocommerce-mini-cart__empty-message {
  text-align: center;
  color: #222;                 /* texte noir doux (comme l'image) */
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.35;
  margin: 26px 0 14px;
}

/* Illustration au-dessus */
.woocommerce .empty-cart-illustration {
  display: block;
  margin: 0 auto 18px;
  max-width: 280px;           /* ajuste selon ton visuel */
  width: 42vw;
  height: auto;
  opacity: .95;
}

/* Variante plus petite pour le mini-panier */
.woocommerce .empty-cart-illustration.mini {
  max-width: 180px;
  margin-bottom: 10px;
}

/* Lignes de texte */
.woocommerce .empty-cart-line1 {
  display: inline-block;
  font-size: 22px;
  letter-spacing: .2px;
}
.woocommerce .empty-cart-line2 {
  display: inline-block;
  margin-top: 2px;
  font-size: 20px;
  letter-spacing: .2px;
  opacity: .95;
}

/* Option : cacher le bouton "Retour à la boutique" (si tu veux une scène épurée) */
/*
.woocommerce .return-to-shop { display: none; }
*/

/* Responsive affiné */
@media (max-width: 640px){
  .woocommerce .empty-cart-illustration { max-width: 220px; }
  .woocommerce .empty-cart-line1 { font-size: 20px; }
  .woocommerce .empty-cart-line2 { font-size: 18px; }
}
/* Colonne produits à gauche, Cart totals à droite */
@media (min-width: 980px){
  .kawbes-cart .woocommerce{
    display: grid;
    grid-template-columns: minmax(560px, 1fr) 420px; /* gauche | droite */
    gap: 36px;
    align-items: start;
  }

  /* formulaire panier = colonne gauche */
  .kawbes-cart .woocommerce .woocommerce-cart-form{
    grid-column: 1;
    min-width: 0;
  }

  /* totaux = colonne droite (sticky) */
  .kawbes-cart .woocommerce .cart-collaterals{
    grid-column: 2;
    position: sticky;
    top: 24px;
    align-self: start;
  }
}

/* Sur mobile on repasse en pile */
@media (max-width: 979px){
  .kawbes-cart .woocommerce{ display:block; }
}

/* ===== Mobile : afficher la photo produit sans changer ton layout ===== */
@media (max-width: 768px){

  /* Woo cache souvent la colonne miniature : on la réactive */
  .kawbes-cart .woocommerce table.shop_table_responsive tr td.product-thumbnail,
  .kawbes-cart .woocommerce table.shop_table tr td.product-thumbnail{
    display:block !important;         /* redevient visible */
    padding:10px 12px 6px !important; /* petit espace au-dessus du titre */
    border-top:0 !important;
    text-align:left;
  }

  /* on enlève le label "Product:" que Woo injecte avant la cellule */
  .kawbes-cart .woocommerce table.shop_table_responsive tr td.product-thumbnail::before{
    content:none !important;
  }

  /* style de l’image (compact, même style que ton desktop) */
  .kawbes-cart .woocommerce .product-thumbnail img{
    width:78px;                        /* ajuste 64–90 selon besoin */
    height:78px;
    object-fit:cover;
    border-radius:10px;
    box-shadow:0 8px 16px rgba(0,0,0,.10);
    display:block;
  }

  /* on resserre légèrement le titre juste sous l’image */
  .kawbes-cart .woocommerce table.shop_table_responsive tr td.product-name{
    padding-top:4px !important;
  }
}

/* filets et contraintes que certains thèmes posent : on neutralise */
.kawbes-cart .woocommerce td.product-thumbnail{ visibility:visible !important; }
.kawbes-cart .woocommerce td.product-thumbnail img{ max-width:none !important; }

/* ===== Cart totals encore plus à droite (desktop) ===== */
@media (min-width: 980px){

  /* élargit le conteneur + augmente l’espace entre colonnes */
  .kawbes-cart .woocommerce{
    max-width: 1280px;                    /* avant 1120px */
    grid-template-columns: minmax(620px, 1fr) 460px;  /* produits | totaux */
    gap: 56px;                             /* espace entre les deux colonnes */
    padding-right: 0;                      /* libère le bord droit */
  }

  /* colle réellement la carte à droite */
  .kawbes-cart .woocommerce .cart-collaterals{
    justify-self: end;                     /* s’aligne sur le bord droit de la grille */
    margin-left: auto;                     /* pousse loin des produits */
    margin-right: 0;                       /* pas d’espace inutile à droite */
    flex: 0 0 460px;                       /* largeur fixe de la carte */
  }

  /* option : carte un peu plus compacte si besoin */
  .kawbes-cart .woocommerce .cart-collaterals .cart_totals{
    width: 100%;
    max-width: 460px;
  }
}

/* Si un thème impose des marges/paddings à droite, on neutralise */
.kawbes-cart .woocommerce .cart-collaterals,
.kawbes-cart .woocommerce .cart-collaterals .cart_totals{
  right: auto !important;
}
/* ===== Mobile : image à gauche + description à droite ===== */
@media (max-width:768px){

  /* 1) le thumbnail devient un bloc positionné dans le coin gauche du row */
  .kawbes-cart .woocommerce table.shop_table_responsive tr{
    position: relative; /* ancre pour l'absolu ci-dessous */
  }

  .kawbes-cart .woocommerce table.shop_table_responsive tr td.product-thumbnail{
    display:block !important;         /* visible sur mobile */
    position:absolute;                 /* on le place à gauche du row */
    left:12px; top:12px;
    width:78px; height:78px;
    padding:0 !important;
    border:0 !important;
    background:transparent;
  }
  .kawbes-cart .woocommerce table.shop_table_responsive tr td.product-thumbnail::before{
    content:none !important;          /* supprime le label "Product:" */
  }
  .kawbes-cart .woocommerce .product-thumbnail img{
    width:78px; height:78px; object-fit:cover;
    border-radius:10px;
    box-shadow:0 8px 16px rgba(0,0,0,.10);
    display:block;
  }

  /* 2) le nom/description est décalé à droite de la photo */
  .kawbes-cart .woocommerce table.shop_table_responsive tr td.product-name{
    display:block !important;
    padding:12px 12px 8px 110px !important;  /* <-- marge gauche = largeur miniature + marge */
    min-height:90px;                         /* garde de la place si le titre est court */
    text-align:left;
  }

  /* 3) on resserre un peu le reste pour que tout passe bien */
  .kawbes-cart .woocommerce table.shop_table_responsive tr td{
    padding:10px 12px !important;
  }
  .kawbes-cart .woocommerce td.product-name a{ font-size:14.5px; }
  .kawbes-cart .woocommerce td.product-name .variation,
  .kawbes-cart .woocommerce td.product-name .wc-item-meta{ font-size:12.5px; }
}
/* ========= MOBILE FIX — vignette à gauche + texte à droite ========= */
@media (max-width:768px){

  /* Chaque ligne produit devient une grille 2 colonnes */
  .kawbes-cart .woocommerce table.shop_table.cart tr.cart_item{
    display: grid !important;
    grid-template-columns: 88px 1fr;   /* vignette | contenu */
    grid-column-gap: 12px;
    align-items: start;
    position: relative;
  }

  /* Woo met les <td> en "block" + labels ::before -> on nettoie */
  .kawbes-cart .woocommerce table.shop_table_responsive tr.cart_item td{
    display: block !important;
    border-top: none !important;
    padding: 10px 12px !important;
  }
  .kawbes-cart .woocommerce table.shop_table_responsive tr.cart_item td::before{
    content: none !important;
  }

  /* Vignette = colonne 1 */
  .kawbes-cart .woocommerce td.product-thumbnail{
    grid-column: 1;
    grid-row: 1;                       /* tout en haut à gauche */
    padding: 12px !important;
  }
  .kawbes-cart .woocommerce td.product-thumbnail img{
    width: 78px; height: 78px; object-fit: cover;
    border-radius: 10px; box-shadow: 0 8px 16px rgba(0,0,0,.10);
    display: block;
  }

  /* Titre/variations = colonne 2 */
  .kawbes-cart .woocommerce td.product-name{
    grid-column: 2;
    grid-row: 1;
    padding: 12px 12px 8px 0 !important;
    min-height: 84px;                   /* laisse la place à la vignette */
    text-align: left;
  }
  .kawbes-cart .woocommerce td.product-name a{ font-size: 15px; }
  .kawbes-cart .woocommerce td.product-name .variation,
  .kawbes-cart .woocommerce td.product-name .wc-item-meta{ font-size: 12.5px; }

  /* Croix "remove" en haut-droite de la grille */
  .kawbes-cart .woocommerce td.product-remove{
    grid-column: 2;
    grid-row: 1;
    justify-self: end; align-self: start;
    padding: 8px 10px 0 0 !important;
  }

  /* Les autres cellules prennent toute la largeur en dessous */
  .kawbes-cart .woocommerce td.product-price,
  .kawbes-cart .woocommerce td.product-quantity,
  .kawbes-cart .woocommerce td.product-subtotal{
    grid-column: 1 / -1;
    padding: 10px 12px !important;
  }

  /* Petits ajustements compacts */
  .kawbes-cart .woocommerce .quantity .qty{ width: 70px; height: 36px; font-size: 13.5px; }
  .kawbes-cart .woocommerce table.shop_table{ border-radius: 12px; }
}
/* ===== MOBILE FIX DEFINITIF — ligne produit en grille propre ===== */
@media (max-width: 768px){

  /* Nettoyage du mode responsive Woo */
  .kawbes-cart .woocommerce table.shop_table_responsive tr.cart_item td::before{ content:none !important; }
  .kawbes-cart .woocommerce table.shop_table.cart{ table-layout: fixed; } /* évite les sauts */

  /* 1) Chaque cart_item devient une grille 2 colonnes */
  .kawbes-cart .woocommerce table.shop_table.cart tr.cart_item{
    display:grid !important;
    grid-template-columns: 92px 1fr;     /* vignette | contenu */
    grid-auto-rows:auto;
    grid-column-gap:12px;
    align-items:start;
    border-top:1px solid var(--cart-border);
  }
  .kawbes-cart .woocommerce table.shop_table.cart tr.cart_item:first-child{
    border-top:0;
  }

  /* Tous les td doivent redevenir "block" mais on les place via la grille */
  .kawbes-cart .woocommerce table.shop_table.cart tr.cart_item > td{
    display:block !important;
    padding:10px 12px !important;
    border:0 !important;                 /* on gère les séparateurs sur le tr */
  }

  /* 2) Vignette (col 1, ligne 1) */
  .kawbes-cart .woocommerce td.product-thumbnail{
    grid-column:1; grid-row:1;
    padding:12px 0 8px 12px !important;
  }
  .kawbes-cart .woocommerce td.product-thumbnail img{
    width:80px; height:80px; object-fit:cover;
    border-radius:10px; box-shadow:0 8px 16px rgba(0,0,0,.08);
    display:block;
  }

  /* 3) Titre & métas (col 2, ligne 1) */
  .kawbes-cart .woocommerce td.product-name{
    grid-column:2; grid-row:1;
    padding:12px 12px 6px 0 !important;
  }
  .kawbes-cart .woocommerce td.product-name a{
    font-size:15px; line-height:1.35; display:block;
    max-height:3.9em; overflow:hidden;   /* évite le titre trop long */
  }
  .kawbes-cart .woocommerce td.product-name .variation,
  .kawbes-cart .woocommerce td.product-name .wc-item-meta{
    font-size:12.5px; color:#7a8088;
  }

  /* 4) Bouton remove en haut-droite, aligné au bloc nom */
  .kawbes-cart .woocommerce td.product-remove{
    grid-column:2; grid-row:1;
    justify-self:end; align-self:start;
    padding:8px 10px 0 0 !important;
    z-index:1;
  }

  /* 5) Lignes info en dessous sur toute la largeur */
  .kawbes-cart .woocommerce td.product-price{ grid-column:1 / -1; }
  .kawbes-cart .woocommerce td.product-quantity{ grid-column:1 / -1; }
  .kawbes-cart .woocommerce td.product-subtotal{ grid-column:1 / -1; }

  .kawbes-cart .woocommerce td.product-price,
  .kawbes-cart .woocommerce td.product-quantity,
  .kawbes-cart .woocommerce td.product-subtotal{
    padding:10px 12px !important;
    border-top:1px solid var(--cart-border) !important;
  }

  /* 6) Champs quantité compacts */
  .kawbes-cart .woocommerce .quantity .qty{
    width:72px; height:36px; font-size:13.5px; border-radius:8px;
  }

  /* 7) Petites finitions pour éviter les débordements */
  .kawbes-cart .woocommerce table.shop_table.cart td{ word-break:break-word; }
  .kawbes-cart .woocommerce table.shop_table.cart .amount{ white-space:nowrap; }
}
/* === Mobile : croix hors du texte (grille panier) === */
@media (max-width: 768px){
  /* 1) Bouton remove : petit, en haut-droite, sans chevauchement */
  .kawbes-cart .woocommerce td.product-remove{
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    align-self: start;
    padding: 8px 8px 0 0 !important; /* resserre */
  }
  .kawbes-cart .woocommerce a.remove{
    width: 28px;                /* taille réduite */
    height: 28px;
    line-height: 26px;
    border-radius: 10px;
  }

  /* 2) Réserve de la place à droite du titre pour la croix */
  .kawbes-cart .woocommerce td.product-name{
    padding-right: 48px !important; /* = largeur croix + marge */
  }

  /* (au cas où certains thèmes forcent un overlap) */
  .kawbes-cart .woocommerce td.product-name,
  .kawbes-cart .woocommerce td.product-remove{
    position: relative;
    z-index: 0;
  }
  .kawbes-cart .woocommerce td.product-remove{ z-index: 1; }
}
/* === Mobile : titre jamais derrière la croix (grille 3 colonnes) === */
@media (max-width:768px){
  /* Chaque ligne = [thumb | title | remove] + (infos en dessous) */
  .kawbes-cart .woocommerce table.shop_table.cart tr.cart_item{
    display:grid !important;
    grid-template-columns: 92px 1fr 40px;   /* vignette | contenu | croix */
    grid-auto-rows:auto;
    column-gap:12px;
    align-items:start;
  }

  /* Woo mobile : supprime les labels "Product:", etc. */
  .kawbes-cart .woocommerce table.shop_table_responsive tr.cart_item td::before{
    content:none !important;
  }
  .kawbes-cart .woocommerce table.shop_table.cart tr.cart_item > td{
    display:block !important;
    border:0 !important;
    padding:10px 12px !important;
  }

  /* Vignette */
  .kawbes-cart .woocommerce td.product-thumbnail{
    grid-column:1; grid-row:1;
    padding-left:12px !important; padding-right:0 !important;
  }
  .kawbes-cart .woocommerce td.product-thumbnail img{
    width:80px; height:80px; object-fit:cover;
    border-radius:10px; box-shadow:0 8px 16px rgba(0,0,0,.08);
    display:block;
  }

  /* Titre / variations : colonne du milieu */
  .kawbes-cart .woocommerce td.product-name{
    grid-column:2; grid-row:1;
    padding:14px 8px 6px 0 !important;   /* petit décalage vers le bas */
    margin:0;
  }
  .kawbes-cart .woocommerce td.product-name a{
    display:block; font-size:15px; line-height:1.35;
    word-break:break-word;
  }
  .kawbes-cart .woocommerce td.product-name .variation,
  .kawbes-cart .woocommerce td.product-name .wc-item-meta{ font-size:12.5px; }

  /* Croix : vraie 3e colonne, plus petite */
  .kawbes-cart .woocommerce td.product-remove{
    grid-column:3; grid-row:1;
    justify-self:end; align-self:start;
    padding:8px 8px 0 0 !important;
  }
  .kawbes-cart .woocommerce a.remove{
    width:26px; height:26px; line-height:24px;
    border-radius:10px;
  }

  /* Lignes suivantes (prix, quantité, sous-total) en pleine largeur */
  .kawbes-cart .woocommerce td.product-price,
  .kawbes-cart .woocommerce td.product-quantity,
  .kawbes-cart .woocommerce td.product-subtotal{
    grid-column:1 / -1;               /* occupe les 3 colonnes */
    border-top:1px solid var(--cart-border) !important;
    padding:10px 12px !important;
  }

  /* Champ quantité compact */
  .kawbes-cart .woocommerce .quantity .qty{
    width:72px; height:36px; font-size:13.5px; border-radius:8px;
  }
}
/* ==== KAWBES — Panier mobile : enlève les zones blanches ==== */

/* 1) Aucune cellule n'a de fond blanc sur mobile */
@media (max-width: 768px){
  .kawbes-cart .woocommerce table.shop_table,
  .kawbes-cart .woocommerce table.shop_table thead,
  .kawbes-cart .woocommerce table.shop_table tbody,
  .kawbes-cart .woocommerce table.shop_table tfoot,
  .kawbes-cart .woocommerce table.shop_table tr,
  .kawbes-cart .woocommerce table.shop_table th,
  .kawbes-cart .woocommerce table.shop_table td,
  .kawbes-cart .woocommerce table.shop_table tr:nth-child(odd),
  .kawbes-cart .woocommerce table.shop_table tr:nth-child(even),
  .kawbes-cart .woocommerce td.product-name,
  .kawbes-cart .woocommerce td.product-remove {
    background: #fff !important;
  }

  /* garde seulement les filets (pour le rythme visuel) */
  .kawbes-cart .woocommerce table.shop_table.cart tr.cart_item{
    border-top: 1px solid var(--cart-border);
  }
  .kawbes-cart .woocommerce table.shop_table.cart tr.cart_item:first-child{
    border-top: 0;
  }


}

/* 2) Même traitement en desktop si besoin (enlève le blanc des cellules) */
/* -> décommente si tu veux aussi transparent sur grand écran */
/*
.kawbes-cart .woocommerce table.shop_table td,
.kawbes-cart .woocommerce table.shop_table th{
  background: transparent !important;
}
*//* End custom CSS */