/**
 * Douawê ProShop — habillage des pages WooCommerce
 * Chargé uniquement sur les pages boutique/produit/panier/checkout/compte
 */

.woocommerce, .woocommerce-page{
  font-family:'Outfit', system-ui, -apple-system, sans-serif;
  color:var(--ink);
}
.woocommerce .container,
.woocommerce-page .container{
  max-width:1200px;
  margin:0 auto;
  padding:0 18px;
}

/* ---------- Notices ---------- */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error{
  max-width:1200px;
  margin:16px auto !important;
  padding:14px 18px !important;
  border-radius:14px !important;
  border-top:none !important;
  background:var(--surface) !important;
  color:var(--ink) !important;
  list-style:none;
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before{ display:none !important; }
.woocommerce-error{ background:var(--danger-soft) !important; color:var(--danger) !important; }
.woocommerce-message .button,
.woocommerce-error .button{
  order:2;
}

/* ---------- Boutons génériques ---------- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit{
  background:var(--ink);
  color:#FBF7F0;
  border:none;
  border-radius:100px;
  padding:12px 24px;
  font-weight:700;
  font-size:14.5px;
  font-family:inherit;
  transition:background 0.2s, transform 0.15s;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover{
  background:var(--accent);
  color:var(--bg);
}
.woocommerce a.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce button.button.alt{
  background:var(--accent);
  color:var(--bg);
}
.woocommerce a.button.alt:hover{ background:var(--ink); }

/* ---------- Grille boutique / produits liés / upsells ---------- */
/* Grille boutique : 2 colonnes mobile, densifiée sur grands écrans */
.woocommerce ul.products,
.woocommerce-page ul.products,
ul.products.columns-2,
ul.products.columns-3,
ul.products.columns-4,
ul.products.columns-5,
ul.products.columns-6{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:10px !important;
  list-style:none !important;
  margin:16px 0 0 !important;
  padding:0 14px !important;
  max-width:1200px;
  margin-left:auto !important;
  margin-right:auto !important;
  clear:both !important;
  /* Empêche les floats WC de casser la grille */
  float:none !important;
  width:100% !important;
}
/* Les ::before/::after clearfix de WooCommerce deviennent des
   cases vides en CSS Grid → première ET dernière place "inoccupées" */
.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce-page ul.products::before,
.woocommerce-page ul.products::after,
ul.products::before,
ul.products::after{
  content:none !important;
  display:none !important;
  width:0 !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
  grid-column:unset !important;
  grid-row:unset !important;
}
@media (min-width:480px){
  .woocommerce ul.products,
  .woocommerce-page ul.products{ grid-template-columns:repeat(2, minmax(0, 1fr)) !important; }
}
@media (min-width:640px){
  .woocommerce ul.products,
  .woocommerce-page ul.products{ grid-template-columns:repeat(3, minmax(0, 1fr)) !important; gap:12px !important; padding:0 18px !important; }
}
@media (min-width:960px){
  .woocommerce ul.products,
  .woocommerce-page ul.products{ grid-template-columns:repeat(4, minmax(0, 1fr)) !important; }
}
@media (min-width:1300px){
  .woocommerce ul.products,
  .woocommerce-page ul.products{ grid-template-columns:repeat(4, minmax(0, 1fr)) !important; }
}

/* Annule float / clear / width des classes .first et .last WooCommerce */
.woocommerce ul.products li.product,
.woocommerce ul.products li.product.first,
.woocommerce ul.products li.product.last,
.woocommerce ul.products li.first,
.woocommerce ul.products li.last,
.woocommerce-page ul.products li.product,
.woocommerce-page ul.products li.first,
.woocommerce-page ul.products li.last{
  width:auto !important;
  max-width:none !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  float:none !important;
  clear:none !important;
  background:var(--bg);
  border-radius:10px;
  overflow:hidden;
  box-shadow:0 2px 8px rgba(0,0,0,0.06);
  transition:transform 0.2s;
  position:relative;
  display:flex !important;
  flex-direction:column;
}
.woocommerce ul.products li.product:hover{ transform:translateY(-2px); }

.woocommerce ul.products li.product a img{
  width:100%;
  aspect-ratio:1.25 / 1;
  object-fit:cover;
  border-radius:0;
  margin:0 !important;
}
.woocommerce ul.products li.product a{
  display:block;
  text-decoration:none;
  color:var(--ink);
}

/* Badges promo / vente : toujours en haut à GAUCHE */
.woocommerce span.onsale,
.woocommerce ul.products li.product span.onsale,
.woocommerce ul.products li.product .onsale{
  position:absolute !important;
  top:8px !important;
  left:8px !important;
  right:auto !important;
  min-height:0; min-width:0;
  background:var(--gold) !important;
  color:var(--ink) !important;
  font-size:10px;
  font-weight:700;
  padding:4px 8px;
  border-radius:100px;
  line-height:1;
  margin:0 !important;
  z-index:4;
}

/* Rupture de stock : sur la photo (bas gauche), pas sous la carte */
.woocommerce ul.products li.product,
.woocommerce ul.products li.product .woocommerce-loop-product__link{
  position:relative;
}
/* Garantit l'icône panier visible sur boutique, related, upsells, recherche… */
.woocommerce ul.products li.product .douawe-card-cart-btn{
  display:flex !important;
}
.douawe-oos-badge{
  position:absolute;
  left:8px;
  top:auto;
  /* Sous le badge promo, toujours sur la zone image (ratio 1:1) */
  bottom:auto;
  top:8px;
  margin-top:28px; /* sous le badge Promo si présent */
  z-index:4;
  font-size:10px;
  font-weight:700;
  padding:4px 8px;
  border-radius:6px;
  background:rgba(185,28,28,0.95);
  color:var(--bg);
  line-height:1.2;
  pointer-events:none;
  max-width:70%;
}
/* Ancien emplacement sous la carte : masquer */
.douawe-stock-badge{
  display:none !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-size:10.5px;
  font-weight:600;
  line-height:1.25;
  padding:5px 6px 0;
  min-height:0;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.woocommerce ul.products li.product .star-rating{
  margin:2px 8px 0;
  color:var(--gold);
  font-size:11px;
}
.woocommerce ul.products li.product .price{
  padding:2px 8px 0;
  font-size:12.5px;
  font-weight:800;
  color:var(--ink);
}
.woocommerce ul.products li.product .price del{
  font-size:10px;
  font-weight:400;
  color:var(--muted);
  opacity:1;
  margin-right:4px;
}
.woocommerce ul.products li.product .price ins{
  text-decoration:none;
  color:var(--accent);
}
.woocommerce ul.products li.product .button{
  display:block;
  margin:7px 8px 8px;
  text-align:center;
  padding:6px 10px;
  font-size:11px;
  width:calc(100% - 16px);
}

.woocommerce .douawe-shop-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:10px;
  max-width:1200px;
  margin:14px auto 0 !important;
  padding:0 18px;
}
.woocommerce .woocommerce-result-count{
  margin:0 !important;
  padding:0 !important;
  font-size:13px;
  color:var(--muted);
  order:1;
}
.woocommerce .woocommerce-ordering{
  margin:0 !important;
  padding:0 !important;
  order:2;
  margin-left:auto !important;
}
.woocommerce .woocommerce-ordering select{
  appearance:none;
  -webkit-appearance:none;
  border:1.5px solid var(--line);
  background:var(--bg);
  border-radius:100px;
  padding:9px 38px 9px 16px;
  font-family:inherit;
  font-size:13px;
  font-weight:600;
  color:var(--ink);
  box-shadow:0 2px 8px rgba(0,0,0,0.05);
  background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231A1228' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 12px center;
  background-size:16px;
  cursor:pointer;
  transition:border-color 0.15s, box-shadow 0.15s;
}
.woocommerce .woocommerce-ordering select:hover{
  border-color:var(--accent);
}
.woocommerce .woocommerce-ordering select:focus{
  outline:none;
  border-color:var(--accent);
  box-shadow:0 0 0 3px rgba(232,77,44,0.15);
}
.woocommerce nav.woocommerce-pagination{
  max-width:1200px;
  margin:24px auto !important;
  padding:0 18px;
  text-align:center;
}
.woocommerce nav.woocommerce-pagination ul{
  border:none !important;
  display:inline-flex;
  gap:6px;
}
.woocommerce nav.woocommerce-pagination ul li{
  border:none !important;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
  border-radius:50% !important;
  width:36px; height:36px;
  display:flex; align-items:center; justify-content:center;
  font-weight:600;
}
.woocommerce nav.woocommerce-pagination ul li span.current{
  background:var(--ink) !important;
  color:var(--bg) !important;
}

/* ---------- Page produit unique ---------- */
.woocommerce div.product{
  max-width:1200px;
  margin:24px auto !important;
  padding:0 18px;
}
.woocommerce div.product div.images{ border-radius:18px; overflow:hidden; }
.woocommerce div.product div.images img{ border-radius:18px; }
.woocommerce div.product .flex-control-thumbs img{ border-radius:10px; }

/* ---------- Galerie produit défilante (façon Alibaba) ---------- */
.douawe-gallery{ position:relative; }
.douawe-gallery-main{
  display:flex;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  border-radius:18px;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.douawe-gallery-main::-webkit-scrollbar{ display:none; }
.douawe-gallery-slide{
  flex:0 0 100%;
  scroll-snap-align:start;
  aspect-ratio:1/1;
  background:var(--surface);
}
.douawe-gallery-slide img{ width:100%; height:100%; object-fit:cover; display:block; }
.douawe-gallery-badge{
  position:absolute;
  top:14px; left:14px;
  z-index:2;
  background:var(--accent);
  color:var(--bg);
  font-size:12px;
  font-weight:700;
  padding:5px 12px;
  border-radius:100px;
}
.douawe-gallery-dots{
  display:flex;
  justify-content:center;
  gap:6px;
  margin:10px 0;
}
.douawe-gallery-dots .dot{
  width:6px; height:6px;
  border-radius:50%;
  background:var(--line);
  transition:background 0.2s, width 0.2s;
}
.douawe-gallery-dots .dot.active{
  background:var(--accent);
  width:18px;
  border-radius:100px;
}
.douawe-gallery-thumbs{
  display:flex;
  gap:8px;
  overflow-x:auto;
  margin-top:10px;
  scrollbar-width:none;
}
.douawe-gallery-thumbs::-webkit-scrollbar{ display:none; }
.douawe-gallery-thumb{
  flex:0 0 auto;
  width:60px; height:60px;
  border-radius:10px;
  overflow:hidden;
  border:2px solid transparent;
  padding:0;
  background:none;
  opacity:0.6;
  transition:opacity 0.2s, border-color 0.2s;
}
.douawe-gallery-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.douawe-gallery-thumb.active{
  opacity:1;
  border-color:var(--accent);
}

/* ---------- Caractéristiques (spécifications produit) ---------- */
.douawe-specs{
  max-width:1200px;
  margin:32px auto 0;
  padding:0 18px;
}
.douawe-specs h2{
  font-size:clamp(19px,2.4vw,23px);
  margin-bottom:12px;
}
.douawe-specs-table{
  width:100%;
  border-collapse:collapse;
  background:var(--bg);
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 4px 14px rgba(0,0,0,0.06);
}
.douawe-specs-table tr:nth-child(even){ background:var(--surface); }
.douawe-specs-table th,
.douawe-specs-table td{
  text-align:left;
  padding:12px 16px;
  font-size:14px;
  border:none;
}
.douawe-specs-table th{
  width:38%;
  font-weight:600;
  color:var(--muted);
}
.douawe-specs-table td{ font-weight:500; }

.woocommerce div.product .product_title{
  font-size:clamp(22px,3.4vw,30px);
  font-weight:800;
  letter-spacing:-0.02em;
  margin-bottom:8px !important;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price{
  font-size:24px;
  font-weight:800;
  color:var(--accent);
}
.woocommerce div.product p.price del{
  font-size:15px;
  color:var(--muted);
  font-weight:400;
  margin-right:8px;
}
.woocommerce div.product .woocommerce-product-rating{
  margin:6px 0 14px;
}
.woocommerce div.product .star-rating{ color:var(--gold); }

.woocommerce div.product form.cart{
  margin-top:18px;
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.woocommerce div.product form.cart .quantity input.qty{
  width:64px;
  border:1.5px solid var(--line);
  border-radius:100px;
  padding:11px 14px;
  font-family:inherit;
  text-align:center;
}
.woocommerce div.product form.cart .single_add_to_cart_button{
  padding:14px 30px;
  font-size:15px;
}

.woocommerce div.product .woocommerce-tabs{
  margin-top:36px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs{
  border-bottom:1.5px solid var(--line);
  display:flex;
  gap:6px;
  padding:0;
  margin:0 0 20px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
  border:none !important;
  background:none !important;
  margin:0 !important;
  padding:0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
  display:block;
  padding:10px 18px;
  font-weight:600;
  border-radius:100px 100px 0 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{
  background:var(--surface);
  color:var(--ink);
}
.woocommerce div.product .woocommerce-tabs .panel{
  font-size:14.5px;
  line-height:1.65;
}

.woocommerce div.product div.summary p.stock{
  display:inline-block;
  font-size:12.5px;
  font-weight:700;
  padding:5px 12px;
  border-radius:100px;
  background:var(--gold-soft);
  color:var(--gold-dark);
}
.woocommerce div.product div.summary p.stock.out-of-stock{
  background:var(--danger-soft);
  color:var(--danger);
}

.woocommerce .related.products,
.woocommerce .upsells.products{
  max-width:1200px;
  margin:40px auto 0 !important;
  padding:0 18px;
}
.woocommerce .related.products > h2,
.woocommerce .upsells.products > h2{
  font-size:clamp(20px,2.8vw,26px);
  margin-bottom:16px;
}

/* ---------- Panier ---------- */
.woocommerce table.shop_table{
  border:none;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 4px 14px rgba(0,0,0,0.06);
  border-collapse:separate;
  width:100%;
}
.woocommerce table.shop_table th{
  background:var(--surface);
  font-weight:700;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:0.04em;
  padding:14px 12px;
  border:none;
}
.woocommerce table.shop_table td{
  border-top:1px solid var(--line);
  border-bottom:none;
  border-left:none;
  border-right:none;
  padding:14px 12px;
  vertical-align:middle;
}
.woocommerce table.shop_table td.product-thumbnail img{
  border-radius:10px;
  width:64px;
}
.woocommerce table.shop_table td.actions .button{
  margin:0;
}
.woocommerce .cart .button, .woocommerce .cart input.button{
  width:auto;
}

.woocommerce-cart .cart-collaterals .cart_totals{
  background:var(--ink);
  color:#FBF7F0;
  border-radius:18px;
  padding:22px 20px;
  max-width:420px;
  margin-left:auto;
}
.woocommerce-cart .cart_totals h2{
  color:var(--bg);
  font-size:19px;
  margin-bottom:14px !important;
}
.woocommerce-cart .cart_totals table{
  background:none;
  box-shadow:none;
}
.woocommerce-cart .cart_totals table th,
.woocommerce-cart .cart_totals table td{
  background:none !important;
  color:#FBF7F0;
  border-top:1px solid rgba(251,247,240,0.15) !important;
}
.woocommerce-cart .cart_totals .order-total .woocommerce-Price-amount{
  font-size:19px;
  font-weight:800;
  color:var(--gold);
}
.woocommerce-cart .wc-proceed-to-checkout .checkout-button{
  width:100%;
  text-align:center;
  padding:15px;
  font-size:15.5px;
  background:var(--gold);
  color:var(--ink);
}
.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover{
  background:var(--accent);
  color:var(--bg);
}

.woocommerce-coupon-form{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
}
.woocommerce-coupon-form .input-text{
  border:1.5px solid var(--line);
  border-radius:100px;
  padding:10px 16px;
  font-family:inherit;
}

/* ---------- Checkout ---------- */
.woocommerce-checkout .col2-set,
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout #order_review{
  max-width:1200px;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-checkout select{
  border:1.5px solid var(--line) !important;
  border-radius:12px !important;
  padding:12px 14px !important;
  font-family:inherit;
  background:var(--bg);
}
.woocommerce form .form-row label{
  font-size:13.5px;
  font-weight:600;
  margin-bottom:4px;
}
.woocommerce-checkout #payment{
  background:var(--surface);
  border-radius:16px;
  padding:6px;
}
.woocommerce-checkout #payment div.payment_box{
  background:var(--bg);
  border-radius:12px;
}
.woocommerce-checkout #payment div.payment_box::before{ display:none; }
.woocommerce-checkout #place_order{
  width:100%;
  padding:16px;
  font-size:16px;
  background:var(--accent);
}
.woocommerce-checkout #place_order:hover{ background:var(--ink); }

/* ---------- Mon compte ---------- */
/* La navigation (pills) est stylée par .douawe-account-nav plus bas dans ce
   fichier (section "Mon compte + Connexion + Suivi") — c'est la seule
   définition active pour éviter deux jeux de règles qui se disputent la
   même taille de police / le même espacement. */
.woocommerce-MyAccount-content{
  max-width:1200px;
}
.woocommerce-MyAccount-content .woocommerce-Address{
  background:var(--bg);
  border-radius:16px;
  padding:20px;
  box-shadow:0 4px 14px rgba(0,0,0,0.06);
}

@media (max-width:780px){
  .woocommerce-cart .cart-collaterals .cart_totals{ max-width:100%; margin:0; }
  .woocommerce div.product form.cart{ flex-direction:column; align-items:stretch; }
}

/* =========================================================
   Page Panier — mise en page professionnelle (V17)
   Une seule couche de règles, cohérente mobile → desktop.
   Mobile   : colonne unique, barre de commande FIXE en bas.
   Desktop  : 2 colonnes, récapitulatif "collant" (sticky) façon
              boutique en ligne pro (Amazon / Shopify).
   ========================================================= */

html.woocommerce-cart,
body.woocommerce-cart{
  overflow-x:hidden;
}

.douawe-cart-wrap{
  max-width:1200px;
  margin:0 auto;
  padding:14px 16px 32px;
  box-sizing:border-box;
}

.woocommerce-cart .cart-section-label{
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.06em;
  color:var(--muted);
  padding:10px 2px 6px;
}

/* Barre livraison gratuite */
.woocommerce-cart .ship-bar{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:14px;
  padding:12px 14px;
  margin-bottom:16px;
}
.woocommerce-cart .ship-bar .msg{ font-size:13px; font-weight:500; margin-bottom:8px; }
.woocommerce-cart .ship-bar .msg strong{ color:var(--success); }
.woocommerce-cart .ship-progress{
  height:6px; background:var(--surface); border-radius:100px; overflow:hidden;
}
.woocommerce-cart .ship-progress-fill{
  height:100%; background:var(--success); border-radius:100px;
}

/* ---------------------------------------------------------
   Articles du panier
   --------------------------------------------------------- */
.woocommerce-cart .cart-list{ display:flex; flex-direction:column; gap:12px; min-width:0; }

.woocommerce-cart .cart-item{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:16px;
  padding:12px;
  display:flex;
  gap:14px;
  min-width:0;
  box-sizing:border-box;
  transition:box-shadow 0.15s, border-color 0.15s;
}

.woocommerce-cart .cart-item .thumb-wrap{
  position:relative;
  width:84px;
  height:84px;
  flex:0 0 84px;
}
.woocommerce-cart .cart-item .thumb{
  display:block;
  width:100%;
  height:100%;
  border-radius:12px;
  overflow:hidden;
  background:var(--surface);
}
.woocommerce-cart .cart-item .thumb img{ width:100%; height:100%; object-fit:cover; display:block; }

.woocommerce-cart .cart-item .remove-icon{
  position:absolute;
  top:4px;
  right:4px;
  width:26px;
  height:26px;
  border-radius:50%;
  background:rgba(255,255,255,0.95);
  color:var(--danger);
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 2px 8px rgba(0,0,0,0.15);
  z-index:2;
  text-decoration:none;
  transition:background 0.15s, transform 0.15s, color 0.15s;
}
.woocommerce-cart .cart-item .remove-icon:hover{
  background:var(--danger);
  color:var(--bg);
  transform:scale(1.06);
}
.woocommerce-cart .cart-item .remove-icon .icon{ width:13px; height:13px; margin:0; }

.woocommerce-cart .cart-item .info{
  flex:1 1 auto;
  min-width:0;
  max-width:100%;
  display:flex;
  flex-direction:column;
  overflow-wrap:anywhere;
}
.woocommerce-cart .cart-item .name{
  font-size:14px; font-weight:600; line-height:1.3; margin-bottom:2px;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.woocommerce-cart .cart-item .meta{ font-size:12px; color:var(--muted); margin-bottom:6px; overflow-wrap:anywhere; }
.woocommerce-cart .cart-item .meta p{ margin:0; }
.woocommerce-cart .cart-item .stock-warn{
  font-size:12px; font-weight:700; color:var(--gold-dark); margin-bottom:6px;
}
.woocommerce-cart .cart-item .stock-warn.out{ color:var(--danger); }

.woocommerce-cart .cart-item .price-row{
  display:flex; align-items:center; justify-content:space-between; margin-top:auto; gap:8px;
  flex-wrap:wrap; min-width:0;
}
.woocommerce-cart .cart-item .price{ font-size:15px; font-weight:800; }
.woocommerce-cart .cart-item .price del{ font-size:12px; color:var(--muted); font-weight:500; margin-right:4px; }
.woocommerce-cart .cart-item .price ins{ text-decoration:none; }

/* Ancien lien texte "Supprimer" — masqué si encore présent */
.woocommerce-cart .cart-item a.remove{ display:none !important; }

.woocommerce-cart .qty{
  display:flex; align-items:center; gap:0; border-radius:8px; overflow:hidden; flex:0 0 auto;
}
.woocommerce-cart .qty button{
  width:30px; height:30px; border:none; font-size:16px; font-weight:700; border-radius:8px;
}
.woocommerce-cart .qty-minus{ background:var(--gold-soft); color:var(--ink); }
.woocommerce-cart .qty-minus:hover{ background:var(--gold-soft); }
.woocommerce-cart .qty-plus{ background:var(--accent); color:var(--bg); }
.woocommerce-cart .qty-plus:hover{ background:var(--accent-dark); }
.woocommerce-cart .qty button:disabled{ opacity:0.35; cursor:not-allowed; }
.woocommerce-cart .qty-val{ width:32px; text-align:center; font-size:14px; font-weight:700; display:inline-block; }
.woocommerce-cart .qty-single{ font-size:13px; color:var(--muted); font-weight:600; }

/* Code promo */
.woocommerce-cart .promo-box{ margin-top:16px; display:flex; gap:8px; }
.woocommerce-cart .promo-box input{
  flex:1; min-width:0; border:1.5px solid var(--line); border-radius:12px; padding:12px 14px;
  font-family:inherit; font-size:14px; background:var(--panel); box-sizing:border-box;
}
.woocommerce-cart .promo-box input:focus{ outline:none; border-color:var(--accent); }
.woocommerce-cart .promo-box button{
  flex:0 0 auto; padding:0 16px; border-radius:12px; border:none; background:var(--dark); color:var(--bg);
  font-weight:600; font-size:14px;
}
.woocommerce-cart .promo-box button:hover{ background:var(--accent); }

.woocommerce-cart .continue{
  display:block; text-align:center; margin-top:18px; font-size:14px; font-weight:600; color:var(--accent);
}

/* ---------------------------------------------------------
   Récapitulatif (résumé de commande)
   --------------------------------------------------------- */
.woocommerce-cart .summary{
  margin-top:18px; background:var(--panel); border:1px solid var(--line); border-radius:16px; padding:18px;
}
.woocommerce-cart .summary-row{ display:flex; align-items:baseline; justify-content:space-between; gap:10px; font-size:14px; margin-bottom:10px; }
.woocommerce-cart .summary-row.muted{ color:var(--muted); }
.woocommerce-cart .summary-row > span:first-child{ flex:1 1 auto; min-width:0; }
.woocommerce-cart .summary-row > span:last-child{ flex:0 1 auto; min-width:0; max-width:58%; text-align:right; overflow-wrap:anywhere; }
.woocommerce-cart .summary-row.total{
  margin-top:10px; padding-top:14px; border-top:1.5px solid var(--line); font-size:17px; font-weight:800;
}
.woocommerce-cart .summary-row .green{ color:var(--success); font-weight:600; }
.woocommerce-cart .woocommerce-remove-coupon{ color:var(--muted); font-size:11px; margin-left:4px; }
.woocommerce-cart .woocommerce-remove-coupon:hover{ color:var(--accent); }

.woocommerce-cart .pay-hint{ margin-top:12px; display:flex; flex-wrap:wrap; gap:6px; }
.woocommerce-cart .pay-chip{
  font-size:11px; font-weight:600; padding:5px 10px; border-radius:8px; background:var(--surface);
}

/* Bouton "Commander" + total, à l'intérieur de la carte récapitulatif sur desktop */
.woocommerce-cart .summary .summary-cta{
  display:none;
}

/* ---------------------------------------------------------
   Barre de commande panier — EXACTEMENT la même structure que checkout.
   Elle est rendue dans wp_footer, donc directement sous <body>, hors de
   .douawe-woo-wrap et hors de tout conteneur pouvant créer un overflow.
   --------------------------------------------------------- */
.woocommerce-cart .douawe-pay-bar{
  position:fixed !important;
  bottom:0 !important;
  left:0 !important;
  right:0 !important;
  top:auto !important;
  width:100% !important;
  max-width:100vw !important;
  min-width:0 !important;
  margin:0 !important;
  transform:none !important;
  box-sizing:border-box !important;
  background:var(--panel);
  border-top:1px solid var(--line);
  box-shadow:0 -6px 20px rgba(0,0,0,0.10);
  padding:8px 12px calc(8px + env(safe-area-inset-bottom, 0px));
  z-index:9990 !important;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:4px;
  overflow:visible;
}
.woocommerce-cart .douawe-pay-bar .btn-pay{
  width:100% !important;
  max-width:100% !important;
  height:46px !important;
  min-height:46px !important;
  margin:0 auto !important;
  padding:7px 14px !important;
  box-sizing:border-box !important;
  background:var(--ink) !important;
  color:var(--bg) !important;
  border:none !important;
  border-radius:12px !important;
  font-weight:700 !important;
  font-size:14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px;
  text-decoration:none !important;
}
.woocommerce-cart .douawe-pay-bar .btn-pay-label{
  min-width:0;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.woocommerce-cart .douawe-pay-bar .btn-pay-total{
  flex:0 0 auto;
  white-space:nowrap;
  font-size:inherit;
  font-weight:800;
}
.woocommerce-cart .douawe-pay-bar .btn-pay-total .woocommerce-Price-amount,
.woocommerce-cart .douawe-pay-bar .btn-pay-total bdi{
  font-size:inherit;
  font-weight:inherit;
}
.woocommerce-cart .douawe-pay-bar .secure-note{
  display:none;
}
/* Espace réservé sous le contenu pour que la barre ne masque jamais le bas. */
.woocommerce-cart .douawe-cart-wrap{
  padding-bottom:calc(62px + env(safe-area-inset-bottom, 0px));
}

/* Sur desktop, le récapitulatif latéral contient déjà le bouton Commander. */
@media (min-width:900px){
  .woocommerce-cart .douawe-pay-bar{ display:none !important; }
  .woocommerce-cart .douawe-cart-wrap{ padding-bottom:40px; }
}

@media (max-width:420px){
  .woocommerce-cart .douawe-pay-bar{
    padding-left:8px;
    padding-right:8px;
  }
  .woocommerce-cart .douawe-pay-bar .btn-pay{
    height:46px !important;
    min-height:46px !important;
    padding-left:11px !important;
    padding-right:11px !important;
    font-size:13px !important;
  }
}

/* Sécurité anti-débordement horizontal : aucun élément du panier ne peut
   agrandir le document au-delà du viewport. */
html.woocommerce-cart,
body.woocommerce-cart{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow-x:hidden !important;
  overscroll-behavior-x:none;
}
body.woocommerce-cart #page,
body.woocommerce-cart #content,
body.woocommerce-cart .site-main,
body.woocommerce-cart .douawe-woo-wrap,
body.woocommerce-cart .douawe-cart-wrap{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}
body.woocommerce-cart .douawe-pay-bar{
  width:100% !important;
  max-width:100vw !important;
  min-width:0 !important;
  margin-left:0 !important;
  margin-right:0 !important;
  transform:none !important;
  box-sizing:border-box !important;
}


/* =========================================================
   PANIER — V21 : largeur réelle du viewport + fond blanc
   Le contenu ne doit jamais laisser une colonne vide à droite.
   ========================================================= */
body.woocommerce-cart{
  --bg:var(--bg);
  --panel:var(--bg);
  --surface:var(--surface);
  --line:rgba(26,18,40,0.10);
  background:var(--bg) !important;
  color:var(--ink);
}
body.woocommerce-cart .top-bar{
  background:rgba(255,255,255,0.97) !important;
}
body.woocommerce-cart .douawe-woo-wrap,
body.woocommerce-cart .douawe-cart-wrap,
body.woocommerce-cart .woocommerce{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}
body.woocommerce-cart .douawe-cart-wrap{
  margin-left:0 !important;
  margin-right:0 !important;
  padding-left:max(12px, env(safe-area-inset-left)) !important;
  padding-right:max(12px, env(safe-area-inset-right)) !important;
}
body.woocommerce-cart .cart-list,
body.woocommerce-cart .cart-item,
body.woocommerce-cart .summary,
body.woocommerce-cart .promo-box,
body.woocommerce-cart .continue{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}
body.woocommerce-cart .cart-item{
  overflow:hidden !important;
  box-shadow:0 2px 10px rgba(26,18,40,0.035);
}
body.woocommerce-cart .summary{
  box-shadow:0 2px 10px rgba(26,18,40,0.035);
}
body.woocommerce-cart .douawe-pay-bar{
  width:100dvw !important;
  max-width:100dvw !important;
  min-width:0 !important;
  left:0 !important;
  right:auto !important;
  box-sizing:border-box !important;
  background:var(--bg) !important;
}
@supports not (width:100dvw){
  body.woocommerce-cart .douawe-pay-bar{ width:100vw !important; max-width:100vw !important; }
}
@media (max-width:899px){
  body.woocommerce-cart .douawe-woo-wrap{ padding:0 !important; }
  body.woocommerce-cart .douawe-cart-wrap{ padding-top:10px !important; }
}

/* Panier vide */
.woocommerce-cart .empty{ text-align:center; padding:40px 12px 10px; }
.woocommerce-cart .empty-icon{ font-size:52px; margin-bottom:12px; }
.woocommerce-cart .empty h1{ font-size:20px; margin-bottom:8px; }
.woocommerce-cart .empty p{ font-size:14px; color:var(--muted); margin-bottom:20px; }
.woocommerce-cart .empty .btn-primary,
.woocommerce-cart .empty .btn-outline{
  display:inline-block; text-align:center; padding:13px 22px; border-radius:100px;
  font-weight:700; font-size:14px; margin:0 0 10px;
}
.woocommerce-cart .empty .btn-primary{ background:var(--ink); color:var(--bg); }
.woocommerce-cart .empty .btn-primary:hover{ background:var(--accent); }
.woocommerce-cart .empty .btn-outline{ border:1.5px solid var(--line); color:var(--ink); }
.woocommerce-cart .empty .btn-outline:hover{ border-color:var(--accent); color:var(--accent); }

/* Suggestions (panier vide) */
.woocommerce-cart .suggestions{ margin-top:8px; }
.woocommerce-cart .suggestions h2{ font-size:16px; margin-bottom:12px; }
.woocommerce-cart .sug-scroll{
  display:flex; gap:12px; overflow-x:auto; padding-bottom:4px; scroll-snap-type:x mandatory;
}
.woocommerce-cart .sug-card{
  flex:0 0 130px; scroll-snap-align:start; background:var(--panel);
  border:1px solid var(--line); border-radius:14px; overflow:hidden;
}
.woocommerce-cart .sug-card .img{ width:130px; height:130px; background:var(--surface); }
.woocommerce-cart .sug-card .img img{ width:100%; height:100%; object-fit:cover; }
.woocommerce-cart .sug-card .info{ padding:8px 10px 10px; }
.woocommerce-cart .sug-card h3{
  font-size:12.5px; font-weight:600; line-height:1.3; margin-bottom:4px;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.woocommerce-cart .sug-card .price{ font-size:13px; font-weight:800; }

/* Sécurité anti-débordement horizontal (générique, ne restreint plus la largeur du panier) */
body.woocommerce-cart .cart-item img{ max-width:100%; }
body.woocommerce-cart .woocommerce-cart-form{ overflow-x:clip; min-width:0; }

/* La barre fixe est hors du wrapper du panier : elle doit rester strictement
   attachée au viewport et ne jamais contribuer à la largeur du document. */
html.woocommerce-cart,
body.woocommerce-cart{
  width:100%;
  max-width:100%;
  min-width:0;
  overflow-x:clip !important;
  overscroll-behavior-x:none;
}
body.woocommerce-cart #page,
body.woocommerce-cart #content,
body.woocommerce-cart .site-main,
body.woocommerce-cart .douawe-woo-wrap,
body.woocommerce-cart .douawe-cart-wrap{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}
body.woocommerce-cart .douawe-cart-pay-bar{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin:0 !important;
  transform:none !important;
  box-sizing:border-box !important;
}


/* =========================================================
   Page Commander (checkout) — maquette douawe-proshop-commande
   ========================================================= */
.woocommerce-checkout .douawe-checkout-wrap{
  max-width:560px;
  margin:0 auto;
  padding:0 16px 120px;
}
.woocommerce-checkout .douawe-woo-wrap{
  max-width:100%;
  padding:0;
}

/* Étapes */
.woocommerce-checkout .douawe-steps{
  display:flex;
  align-items:center;
  gap:0;
  margin:14px auto 0;
  max-width:560px;
  padding:0 16px 4px;
}
.woocommerce-checkout .douawe-steps .step{
  flex:1;
  text-align:center;
  position:relative;
}
.woocommerce-checkout .douawe-steps .step::after{
  content:"";
  position:absolute;
  top:11px; left:50%;
  width:100%;
  height:2px;
  background:var(--line);
  z-index:0;
}
.woocommerce-checkout .douawe-steps .step:last-child::after{ display:none; }
.woocommerce-checkout .douawe-steps .step-dot{
  width:22px; height:22px;
  border-radius:50%;
  background:var(--surface);
  border:2px solid var(--line);
  margin:0 auto 6px;
  position:relative;
  z-index:1;
  display:flex; align-items:center; justify-content:center;
  font-size:11px;
  font-weight:700;
  color:var(--muted);
}
.woocommerce-checkout .douawe-steps .step.active .step-dot,
.woocommerce-checkout .douawe-steps .step.done .step-dot{
  background:var(--ink);
  border-color:var(--ink);
  color:var(--bg);
}
.woocommerce-checkout .douawe-steps .step.done .step-dot{
  background:var(--success);
  border-color:var(--success);
}
.woocommerce-checkout .douawe-steps .step-label{
  font-size:11px;
  font-weight:600;
  color:var(--muted);
}
.woocommerce-checkout .douawe-steps .step.active .step-label{ color:var(--ink); }

/* Sections */
.woocommerce-checkout .douawe-section{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:16px;
  padding:16px;
  margin-top:14px;
}
.woocommerce-checkout .section-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:14px;
}
.woocommerce-checkout .section-head h2{
  font-size:15px;
  display:flex;
  align-items:center;
  gap:8px;
  margin:0;
}
.woocommerce-checkout .section-head .edit{
  font-size:13px;
  font-weight:600;
  color:var(--accent);
}

/* Bouton « Modifier mon panier » (remplace l'ancien bloc « Votre commande ») */
.woocommerce-checkout .douawe-edit-cart-row{
  display:flex;
  justify-content:center;
  margin-top:14px;
}
.woocommerce-checkout .douawe-btn-edit-cart{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:13px;
  font-weight:600;
  color:var(--ink);
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:999px;
  padding:9px 16px;
}
.woocommerce-checkout .douawe-btn-edit-cart:hover{
  background:var(--bg);
  border-color:var(--ink);
}
/* Bloc technique conservé pour les recalculs WooCommerce (totaux, coupons…)
   mais retiré visuellement : la vitrine « Votre commande » reste sur le Panier. */
.woocommerce-checkout .douawe-order-review-hidden{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}

/* Champs formulaire */
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-shipping-fields h3,
.woocommerce-checkout .woocommerce-additional-fields h3{
  font-size:14px;
  margin:0 0 12px;
}
.woocommerce-checkout .form-row{
  margin-bottom:12px;
  padding:0 !important;
  width:100% !important;
}
.woocommerce-checkout .form-row label{
  display:block;
  font-size:12px;
  font-weight:600;
  color:var(--muted);
  margin-bottom:5px;
}
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row textarea,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .select2-container .select2-selection--single{
  width:100%;
  padding:11px 12px !important;
  border:1.5px solid var(--line) !important;
  border-radius:10px !important;
  font-size:14px !important;
  background:var(--bg) !important;
  color:var(--ink) !important;
  height:auto !important;
  min-height:44px;
  font-family:inherit !important;
}
.woocommerce-checkout .form-row input.input-text:focus,
.woocommerce-checkout .form-row textarea:focus,
.woocommerce-checkout .form-row select:focus{
  outline:none;
  border-color:var(--accent) !important;
  background:var(--bg) !important;
}
.woocommerce-checkout .form-row-first,
.woocommerce-checkout .form-row-last{
  width:48% !important;
  float:left;
}
.woocommerce-checkout .form-row-last{ float:right; }
.woocommerce-checkout .col2-set::after{
  content:"";
  display:table;
  clear:both;
}
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2{
  float:none;
  width:100%;
  max-width:100%;
  padding:0;
}

/* Livraison — cartes */
.woocommerce-checkout .deliv-opt{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px;
  border:1.5px solid var(--line);
  border-radius:12px;
  margin-bottom:8px;
  cursor:pointer;
  transition:border-color 0.15s, background 0.15s;
}
.woocommerce-checkout .deliv-opt:last-child{ margin-bottom:0; }
.woocommerce-checkout .deliv-opt.selected,
.woocommerce-checkout .deliv-opt:has(input:checked){
  border-color:var(--ink);
  background:rgba(26,18,40,0.03);
}
.woocommerce-checkout .deliv-opt input{
  accent-color:var(--ink);
  width:18px;
  height:18px;
  flex-shrink:0;
}
.woocommerce-checkout .deliv-opt .info{ flex:1; min-width:0; }
.woocommerce-checkout .deliv-opt .info .t{ font-weight:600; font-size:14px; }
.woocommerce-checkout .deliv-opt .info .s{ font-size:12px; color:var(--muted); }
.woocommerce-checkout .deliv-opt .price{ font-weight:700; font-size:14px; white-space:nowrap; }
.woocommerce-checkout .douawe-shipping-empty{
  font-size:13.5px;
  color:var(--muted);
  margin:0;
}

/* Articles récap */
.woocommerce-checkout .douawe-order-items{ margin-bottom:12px; }
.woocommerce-checkout .douawe-order-item{
  display:flex;
  gap:10px;
  margin-bottom:10px;
}
.woocommerce-checkout .douawe-order-item .thumb{
  width:52px; height:52px;
  border-radius:10px;
  overflow:hidden;
  background:var(--surface);
  flex-shrink:0;
}
.woocommerce-checkout .douawe-order-item .thumb img{
  width:100%; height:100%; object-fit:cover;
}
.woocommerce-checkout .douawe-order-item .oi-info{ flex:1; min-width:0; }
.woocommerce-checkout .douawe-order-item .oi-name{
  font-size:13px;
  font-weight:600;
  line-height:1.25;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.woocommerce-checkout .douawe-order-item .oi-meta{
  font-size:11.5px;
  color:var(--muted);
}
.woocommerce-checkout .douawe-order-item .oi-meta p{ margin:0; display:inline; }
.woocommerce-checkout .douawe-order-item .oi-price{
  font-size:13px;
  font-weight:700;
  margin-top:2px;
}

.woocommerce-checkout .sum-row{
  display:flex;
  justify-content:space-between;
  font-size:13.5px;
  margin-bottom:6px;
  color:var(--muted);
}
.woocommerce-checkout .sum-row.total{
  margin-top:10px;
  padding-top:10px;
  border-top:1.5px solid var(--line);
  font-size:16px;
  font-weight:800;
  color:var(--ink);
}
.woocommerce-checkout .sum-row .green{ color:var(--success); font-weight:600; }

/* Paiement — cartes */
.woocommerce-checkout .wc_payment_methods{
  list-style:none;
  margin:0;
  padding:0;
}
.woocommerce-checkout .douawe-pay-opt,
.woocommerce-checkout li.wc_payment_method{
  display:block;
  padding:0;
  margin:0 0 8px;
  border:1.5px solid var(--line);
  border-radius:12px;
  background:transparent;
  overflow:hidden;
}
.woocommerce-checkout .douawe-pay-opt:last-child{ margin-bottom:0; }
.woocommerce-checkout .douawe-pay-label{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px;
  cursor:pointer;
  margin:0 !important;
  width:100%;
}
.woocommerce-checkout .douawe-pay-opt input.input-radio{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.woocommerce-checkout .douawe-pay-opt:has(input:checked),
.woocommerce-checkout .douawe-pay-opt.selected{
  border-color:var(--ink);
  background:rgba(26,18,40,0.03);
}
.woocommerce-checkout .pay-logo{
  width:42px; height:28px;
  border-radius:6px;
  display:flex; align-items:center; justify-content:center;
  font-size:16px;
  flex-shrink:0;
  background:var(--surface);
}
.woocommerce-checkout .pay-logo.cash{ background:var(--surface); }
.woocommerce-checkout .pay-logo.bank{ background:rgba(26,122,76,0.12); }
.woocommerce-checkout .douawe-pay-label .info{ flex:1; min-width:0; }
.woocommerce-checkout .douawe-pay-label .t{
  display:block;
  font-weight:600;
  font-size:14px;
  color:var(--ink);
}
.woocommerce-checkout .douawe-pay-label .s{
  display:block;
  font-size:12px;
  color:var(--muted);
  font-weight:400;
}
.woocommerce-checkout .payment_box{
  background:var(--bg) !important;
  border-radius:0 0 10px 10px;
  padding:10px 12px 12px !important;
  margin:0 !important;
  border-top:1px solid var(--line);
}
.woocommerce-checkout .payment_box::before{ display:none !important; }
.woocommerce-checkout .douawe-pay-free{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px;
  border:1.5px solid var(--line);
  border-radius:12px;
}

/* Barre Commander — fixe, compacte, entièrement visible sans tirer la page */
.woocommerce-checkout .douawe-pay-bar{
  position:fixed !important;
  bottom:0 !important;
  left:0 !important;
  right:0 !important;
  top:auto !important;
  width:100% !important;
  max-width:100vw !important;
  margin:0 !important;
  transform:none !important;
  box-sizing:border-box;
  background:var(--panel);
  border-top:1px solid var(--line);
  box-shadow:0 -6px 20px rgba(0,0,0,0.1);
  padding:8px 12px calc(8px + env(safe-area-inset-bottom, 0px));
  z-index:9990 !important;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:4px;
  overflow:visible;
}
.woocommerce-checkout .douawe-pay-bar .btn-pay,
.woocommerce-checkout .douawe-pay-bar #place_order.btn-pay{
  max-width:100%;
  width:100%;
  margin:0 auto;
  box-sizing:border-box;
}
.woocommerce-checkout .douawe-pay-bar .secure-note{
  display:none; /* trop de hauteur sur mobile — on le retire */
}
.woocommerce-checkout .btn-pay,
.woocommerce-checkout #place_order.btn-pay,
.woocommerce-checkout button[name="woocommerce_checkout_place_order"]{
  width:100% !important;
  max-width:100% !important;
  height:46px !important;
  min-height:46px !important;
  background:var(--ink) !important;
  color:var(--bg) !important;
  border:none !important;
  border-radius:12px !important;
  font-weight:700 !important;
  font-size:14px !important;
  cursor:pointer;
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:0 14px !important;
  float:none !important;
  box-sizing:border-box !important;
  box-shadow:none !important;
}
.woocommerce-checkout .btn-pay:hover,
.woocommerce-checkout #place_order.btn-pay:hover{
  background:var(--accent) !important;
}
.woocommerce-checkout .btn-pay-label{
  flex:0 1 auto;
  white-space:nowrap;
}
.woocommerce-checkout .btn-pay-total{
  font-weight:800;
  font-size:13px;
  background:rgba(255,255,255,0.15);
  padding:5px 10px;
  border-radius:100px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:48%;
  flex:0 1 auto;
}
.woocommerce-checkout .secure-note{
  display:none;
}
/* Espace bas réduit (barre plus basse) */
.woocommerce-checkout .douawe-checkout-wrap{
  padding-bottom:calc(72px + env(safe-area-inset-bottom, 0px)) !important;
}

/* Champs cachés (pays, nom de famille auto) */
.woocommerce-checkout .douawe-field-hidden,
.woocommerce-checkout .form-row.douawe-field-hidden{
  display:none !important;
  visibility:hidden !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}

/* Bouton + 2e contact */
.woocommerce-checkout .douawe-phone-primary{
  position:relative;
}
.woocommerce-checkout .douawe-add-phone-btn{
  position:absolute;
  right:10px;
  bottom:10px;
  width:36px;
  height:36px;
  border-radius:10px;
  border:1.5px solid var(--line);
  background:var(--surface);
  color:var(--ink);
  font-size:22px;
  font-weight:600;
  line-height:1;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:2;
  transition:background 0.15s, border-color 0.15s, color 0.15s;
}
.woocommerce-checkout .douawe-add-phone-btn:hover{
  background:var(--ink);
  color:var(--bg);
  border-color:var(--ink);
}
.woocommerce-checkout .douawe-phone-primary input.input-text{
  padding-right:52px !important;
}
.woocommerce-checkout .douawe-phone-secondary{
  animation:douaweFadeIn 0.2s ease;
}
@keyframes douaweFadeIn{
  from{ opacity:0; transform:translateY(-6px); }
  to{ opacity:1; transform:none; }
}

/* Suggestions villes CI */
.woocommerce-checkout .douawe-city-suggest{
  position:absolute;
  left:0; right:0;
  top:calc(100% - 2px);
  z-index:50;
  background:var(--bg);
  border:1.5px solid var(--line);
  border-radius:12px;
  box-shadow:0 10px 28px rgba(0,0,0,0.12);
  max-height:220px;
  overflow-y:auto;
  padding:6px;
}
.woocommerce-checkout .douawe-city-opt{
  display:block;
  width:100%;
  text-align:left;
  border:none;
  background:transparent;
  padding:10px 12px;
  border-radius:8px;
  font:inherit;
  font-size:14px;
  font-weight:600;
  color:var(--ink);
  cursor:pointer;
}
.woocommerce-checkout .douawe-city-opt:hover,
.woocommerce-checkout .douawe-city-opt:focus{
  background:var(--surface);
  outline:none;
}

/* Espace bas page checkout pour la barre fixe */
.woocommerce-checkout .douawe-checkout-wrap{
  padding-bottom:calc(120px + env(safe-area-inset-bottom, 0px)) !important;
}
body.woocommerce-checkout .float-btns{
  bottom:calc(90px + env(safe-area-inset-bottom, 0px)) !important;
}

/* Masquer titres / éléments WC superflus sur checkout maquette */
.woocommerce-checkout #order_review_heading{ /* dans section-head */ }
.woocommerce-checkout .woocommerce-additional-fields{ margin-top:8px; }
.woocommerce-checkout .woocommerce-privacy-policy-text{ font-size:12px; color:var(--muted); }
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper{
  margin:12px 0;
  font-size:13px;
}
.woocommerce-checkout .woocommerce-form__label-for-checkbox span{
  font-size:13px;
}

/* Notices */
.woocommerce-checkout .woocommerce-NoticeGroup,
.woocommerce-checkout .woocommerce-notices-wrapper{
  max-width:560px;
  margin:12px auto 0;
  padding:0 16px;
}

@media (max-width:600px){
  .woocommerce-checkout .form-row-first,
  .woocommerce-checkout .form-row-last{
    width:100% !important;
    float:none;
  }
}

/* Table WC par défaut masquée (on utilise nos cartes) */
.woocommerce-checkout .woocommerce-checkout-review-order-table,
.woocommerce-checkout table.shop_table{ display:none !important; }

/* Le bloc paiement n'est plus dans #order_review : section autonome */
.woocommerce-checkout .douawe-payment-section.douawe-section{
  margin-top:14px;
}
.woocommerce-checkout .form-row.place-order{
  margin:0 !important;
  padding:0 !important;
  width:100% !important;
  float:none !important;
}

/* =========================================================
   Confirmation de commande (thankyou)
   ========================================================= */
.woocommerce-order-received .douawe-thankyou-wrap,
.woocommerce-checkout .douawe-thankyou-wrap{
  max-width:480px;
  margin:0 auto;
  padding:32px 18px 48px;
  text-align:center;
}
.douawe-thankyou-wrap .success-icon{
  width:80px; height:80px;
  border-radius:50%;
  background:rgba(26,122,76,0.12);
  color:var(--success);
  display:flex; align-items:center; justify-content:center;
  font-size:40px;
  margin:0 auto 18px;
  animation:douawe-pop 0.4s ease-out;
}
.douawe-thankyou-wrap .success-icon.fail{
  background:rgba(232,77,44,0.12);
  color:var(--accent);
}
@keyframes douawe-pop{
  0%{ transform:scale(0.6); opacity:0; }
  70%{ transform:scale(1.08); }
  100%{ transform:scale(1); opacity:1; }
}
.douawe-thankyou-wrap h1{
  font-size:22px;
  margin-bottom:6px;
}
.douawe-thankyou-wrap .subtitle{
  font-size:14.5px;
  color:var(--muted);
  margin:0 0 8px;
}
.douawe-thankyou-wrap .order-num{
  display:inline-block;
  background:var(--surface);
  padding:8px 16px;
  border-radius:100px;
  font-size:14px;
  font-weight:700;
  margin-bottom:24px;
}
.douawe-thankyou-wrap .order-num span{ color:var(--accent); }

.douawe-thankyou-wrap .card{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:18px;
  padding:18px;
  text-align:left;
  margin-bottom:14px;
}
.douawe-thankyou-wrap .card h2{
  font-size:14px;
  margin:0 0 12px;
  display:flex;
  align-items:center;
  gap:6px;
}

.douawe-thankyou-wrap .items-mini{
  display:flex;
  gap:8px;
  margin-bottom:12px;
  flex-wrap:wrap;
}
.douawe-thankyou-wrap .items-mini .thumb{
  width:48px; height:48px;
  border-radius:10px;
  overflow:hidden;
  background:var(--surface);
}
.douawe-thankyou-wrap .items-mini .thumb img{
  width:100%; height:100%; object-fit:cover;
}
.douawe-thankyou-wrap .items-mini .more{
  width:48px; height:48px;
  border-radius:10px;
  background:var(--surface);
  display:flex; align-items:center; justify-content:center;
  font-size:12px;
  font-weight:700;
  color:var(--muted);
}

.douawe-thankyou-wrap .sum-row{
  display:flex;
  justify-content:space-between;
  font-size:13.5px;
  margin-bottom:6px;
  color:var(--muted);
}
.douawe-thankyou-wrap .sum-row.total{
  margin-top:10px;
  padding-top:10px;
  border-top:1.5px solid var(--line);
  font-size:16px;
  font-weight:800;
  color:var(--ink);
}

.douawe-thankyou-wrap .info-block{
  font-size:13.5px;
  line-height:1.45;
}
.douawe-thankyou-wrap .info-block .label{
  font-size:12px;
  color:var(--muted);
  margin-bottom:2px;
}
.douawe-thankyou-wrap .info-block + .info-block{ margin-top:12px; }

.douawe-thankyou-wrap .steps-list{
  list-style:none;
  padding:0;
  margin:0;
}
.douawe-thankyou-wrap .steps-list li{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:10px 0;
  border-bottom:1px solid var(--line);
  font-size:13.5px;
}
.douawe-thankyou-wrap .steps-list li:last-child{ border-bottom:none; }
.douawe-thankyou-wrap .steps-list .num{
  width:24px; height:24px;
  border-radius:50%;
  background:var(--surface);
  display:flex; align-items:center; justify-content:center;
  font-size:12px;
  font-weight:700;
  flex-shrink:0;
}

.douawe-thankyou-wrap .actions{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:20px;
}
.douawe-thankyou-wrap .btn-primary{
  display:flex;
  align-items:center;
  justify-content:center;
  height:50px;
  border-radius:12px;
  background:var(--ink);
  color:var(--bg);
  font-weight:700;
  font-size:15px;
  border:none;
}
.douawe-thankyou-wrap .btn-primary:hover{ background:var(--accent); color:var(--bg); }
.douawe-thankyou-wrap .btn-outline{
  display:flex;
  align-items:center;
  justify-content:center;
  height:48px;
  border-radius:12px;
  background:var(--panel);
  border:1.5px solid var(--line);
  font-weight:600;
  font-size:14px;
  color:var(--ink);
}
.douawe-thankyou-wrap .btn-outline:hover{ border-color:var(--ink); }
.douawe-thankyou-wrap .btn-wa{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  height:48px;
  border-radius:12px;
  background:var(--whatsapp);
  color:var(--bg);
  font-weight:700;
  font-size:14px;
  border:none;
}
.douawe-thankyou-wrap .btn-wa:hover{ filter:brightness(1.05); color:var(--bg); }

.douawe-thankyou-wrap .note{
  font-size:12.5px;
  color:var(--muted);
  margin-top:20px;
  line-height:1.5;
}

/* Masquer le détail WC par défaut sous notre maquette */
.douawe-thankyou-wrap .woocommerce-order-details,
.douawe-thankyou-wrap .woocommerce-customer-details,
.douawe-thankyou-wrap ul.order_details{
  display:none !important;
}

/* =========================================================
   Mon compte + Connexion + Suivi
   ========================================================= */
.woocommerce-account .douawe-account-wrap,
.woocommerce-account .douawe-woo-wrap{
  max-width:560px;
  margin:0 auto;
  padding:0 16px 32px;
}

/* Nav horizontale compacte */
.woocommerce-account .douawe-account-nav ul{
  display:flex;
  flex-wrap:nowrap;
  gap:6px;
  list-style:none;
  margin:14px 0 18px;
  padding:0;
  overflow-x:auto;
  scrollbar-width:none;
}
.woocommerce-account .douawe-account-nav ul::-webkit-scrollbar{ display:none; }
.woocommerce-account .douawe-account-nav li{ margin:0; border:none; padding:0; flex:0 0 auto; }
.woocommerce-account .douawe-account-nav li a{
  display:flex;
  align-items:center;
  gap:6px;
  padding:8px 14px;
  border-radius:100px;
  background:var(--surface);
  font-weight:600;
  font-size:13px;
  white-space:nowrap;
  color:var(--ink);
}
.woocommerce-account .douawe-account-nav li.is-active a,
.woocommerce-account .douawe-account-nav li.is-active a:hover{
  background:var(--ink);
  color:var(--bg);
}
.woocommerce-account .douawe-account-nav .nav-ico{ font-size:14px; }

/* Orders list + track cards (shared) */
.douawe-account-title{ font-size:18px; margin:0 0 14px; }
.douawe-orders-list,
.douawe-track-wrap{ display:flex; flex-direction:column; gap:14px; }

.order-card{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:16px;
  padding:16px;
}
.order-card .order-head{
  display:flex; justify-content:space-between; align-items:flex-start; gap:10px; margin-bottom:14px;
}
.order-card .order-id{ font-size:14px; font-weight:700; }
.order-card .order-date{ font-size:12px; color:var(--muted); margin-top:2px; }
.status-pill{
  font-size:11px; font-weight:700; padding:5px 10px; border-radius:100px; white-space:nowrap;
}
.status-pill.transit{ background:rgba(232,163,23,0.15); color:var(--gold-dark); }
.status-pill.delivered{ background:rgba(26,122,76,0.12); color:var(--success); }
.status-pill.pending{ background:rgba(26,18,40,0.06); color:var(--muted); }

.order-card .items-row{
  display:flex; gap:8px; overflow-x:auto; padding-bottom:4px; margin-bottom:12px;
}
.order-card .item-mini{
  flex:0 0 56px; width:56px; height:56px; border-radius:10px; overflow:hidden;
  background:var(--surface); border:1px solid var(--line);
}
.order-card .item-mini img{ width:100%; height:100%; object-fit:cover; }
.order-card .order-meta{
  display:flex; justify-content:space-between; align-items:center;
  font-size:13px; padding-top:12px; border-top:1px solid var(--line);
}
.order-card .order-meta .total{ font-weight:800; }
.order-card .order-actions{ display:flex; gap:8px; margin-top:12px; }
.order-card .btn-outline,
.order-card .btn-primary{
  flex:1; height:40px; border-radius:10px; font-weight:600; font-size:13px;
  display:flex; align-items:center; justify-content:center;
}
.order-card .btn-outline{
  border:1.5px solid var(--line); background:var(--panel); color:var(--ink);
}
.order-card .btn-outline:hover{ border-color:var(--ink); }
.order-card .btn-primary{
  border:none; background:var(--ink); color:var(--bg);
}
.order-card .btn-primary:hover{ background:var(--accent); color:var(--bg); }

.douawe-empty-orders{ text-align:center; padding:40px 16px; }
.douawe-empty-orders .ico{ font-size:40px; margin-bottom:12px; opacity:0.5; }
.douawe-empty-orders h2{ font-size:18px; margin-bottom:6px; }
.douawe-empty-orders p{ font-size:14px; color:var(--muted); margin:0 0 16px; }
.douawe-empty-orders .btn-primary{
  display:inline-flex; padding:12px 22px; border-radius:12px;
  background:var(--ink); color:var(--bg); font-weight:700; font-size:14px;
}

/* Forms compte (adresses, edit account) */
.woocommerce-account .woocommerce-Address,
.woocommerce-account .woocommerce-EditAccountForm,
.woocommerce-account form.edit-account{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:16px;
  padding:18px;
}
.woocommerce-account .woocommerce-Address-title h3{ font-size:15px; margin:0 0 10px; }
.woocommerce-account .button,
.woocommerce-account button.button{
  background:var(--ink) !important;
  color:var(--bg) !important;
  border-radius:12px !important;
  padding:12px 20px !important;
  font-weight:700 !important;
  border:none !important;
}

/* ---------- Connexion / Inscription ---------- */
.woocommerce-account:not(.logged-in) .douawe-woo-wrap,
body.woocommerce-account:not(.logged-in) .douawe-account-wrap{
  max-width:400px;
}
.douawe-auth-wrap{
  max-width:400px;
  margin:12px auto 40px;
  padding:0 4px;
}
.douawe-auth-wrap .logo-block{ text-align:center; margin-bottom:22px; }
.douawe-auth-wrap .logo-badge{
  display:inline-flex; flex-direction:column; align-items:center;
  border:2.5px solid var(--accent); border-radius:14px;
  padding:6px 18px 8px; line-height:1; margin-bottom:12px;
}
.douawe-auth-wrap .logo-badge-top{
  font-size:10px; letter-spacing:0.16em; color:var(--accent); font-weight:600; margin-bottom:2px;
}
.douawe-auth-wrap .logo-badge-bottom{ font-weight:800; font-size:18px; color:var(--ink); }
.douawe-auth-wrap .logo-block h1{ font-size:22px; margin:0 0 4px; }
.douawe-auth-wrap .logo-block p{ font-size:14px; color:var(--muted); margin:0; }

.douawe-auth-wrap .auth-tabs{
  display:flex; gap:6px; margin-bottom:18px;
  background:var(--surface); border-radius:12px; padding:4px;
}
.douawe-auth-wrap .auth-tab{
  flex:1; height:40px; border:none; border-radius:10px;
  background:transparent; font-weight:600; font-size:14px; color:var(--muted); cursor:pointer;
}
.douawe-auth-wrap .auth-tab.active{
  background:var(--panel); color:var(--ink); box-shadow:0 1px 4px rgba(0,0,0,0.06);
}

.douawe-auth-wrap .field{ margin-bottom:14px; }
.douawe-auth-wrap .field label{
  display:block; font-size:12.5px; font-weight:600; color:var(--muted); margin-bottom:5px;
}
.douawe-auth-wrap .field input{
  width:100%; padding:12px 14px; border:1.5px solid var(--line); border-radius:12px;
  font-size:15px; background:var(--panel); color:var(--ink); font-family:inherit;
}
.douawe-auth-wrap .field input:focus{
  outline:none; border-color:var(--accent); box-shadow:0 0 0 3px rgba(232,77,44,0.12);
}
.douawe-auth-wrap .hint{ font-size:11.5px; color:var(--muted); margin-top:4px; }
.douawe-auth-wrap .field-row{
  display:flex; justify-content:space-between; align-items:center;
  margin-bottom:18px; font-size:13px; gap:10px; flex-wrap:wrap;
}
.douawe-auth-wrap .field-row label{ display:flex; align-items:center; gap:6px; color:var(--muted); cursor:pointer; }
.douawe-auth-wrap .forgot{ color:var(--accent); font-weight:600; }
.douawe-auth-wrap .btn-submit{
  width:100%; height:50px; border-radius:12px; border:none;
  background:var(--ink); color:var(--bg); font-weight:700; font-size:15px; cursor:pointer;
}
.douawe-auth-wrap .btn-submit:hover{ background:var(--accent); }
.douawe-auth-wrap .guest{ text-align:center; margin-top:16px; }
.douawe-auth-wrap .guest a{ font-size:13.5px; font-weight:600; color:var(--muted); }
.douawe-auth-wrap .secure{ text-align:center; margin-top:24px; font-size:11.5px; color:var(--muted); }
.douawe-auth-wrap .auth-panel[hidden]{ display:none !important; }

/* Masquer nav compte quand non connecté */
body.woocommerce-account:not(.logged-in) .douawe-account-nav{ display:none; }

/* ---------- Suivi commande ---------- */
.douawe-track-wrap{
  max-width:560px;
  margin:0 auto;
  padding:16px 16px 40px;
}
.douawe-track-wrap .search-box{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:16px;
  padding:16px;
  margin-bottom:8px;
}
.douawe-track-wrap .search-box h2{ font-size:15px; margin:0 0 10px; }
.douawe-track-wrap .search-row{
  display:flex; gap:8px;
}
.douawe-track-wrap .search-row input{
  flex:1; padding:12px 14px; border:1.5px solid var(--line); border-radius:12px;
  font-size:14px; background:var(--bg); font-family:inherit;
}
.douawe-track-wrap .search-row input:focus{ outline:none; border-color:var(--accent); background:var(--bg); }
.douawe-track-wrap .search-row button{
  padding:0 18px; border-radius:12px; border:none; background:var(--ink); color:var(--bg);
  font-weight:700; font-size:14px; cursor:pointer;
}
.douawe-track-wrap .search-row button:hover{ background:var(--accent); }
.douawe-track-wrap .search-hint{ font-size:12px; color:var(--muted); margin-top:8px; }
.douawe-track-wrap .track-error{ color:var(--accent); font-size:13px; font-weight:600; margin:10px 0 0; }
.douawe-track-wrap .section-label{
  font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:0.05em;
  color:var(--muted); margin:18px 0 10px;
}

/* Timeline */
.douawe-track-wrap .timeline{
  position:relative; padding-left:28px; margin-bottom:16px;
}
.douawe-track-wrap .timeline::before{
  content:""; position:absolute; left:7px; top:6px; bottom:6px; width:2px; background:var(--line);
}
.douawe-track-wrap .tl-item{ position:relative; padding-bottom:16px; }
.douawe-track-wrap .tl-item:last-child{ padding-bottom:0; }
.douawe-track-wrap .tl-dot{
  position:absolute; left:-28px; top:2px; width:16px; height:16px; border-radius:50%;
  background:var(--surface); border:2.5px solid var(--line); z-index:1;
}
.douawe-track-wrap .tl-item.done .tl-dot{ background:var(--success); border-color:var(--success); }
.douawe-track-wrap .tl-item.current .tl-dot{
  background:var(--gold); border-color:var(--gold);
  box-shadow:0 0 0 4px rgba(232,163,23,0.25);
}
.douawe-track-wrap .tl-title{ font-size:13.5px; font-weight:600; }
.douawe-track-wrap .tl-item:not(.done):not(.current) .tl-title{ color:var(--muted); }
.douawe-track-wrap .tl-time{ font-size:12px; color:var(--muted); margin-top:1px; }

.douawe-track-wrap .deliv-info{
  background:var(--surface); border-radius:12px; padding:12px; margin-top:4px; margin-bottom:4px; font-size:13px;
}
.douawe-track-wrap .deliv-info strong{ display:block; margin-bottom:2px; }
.douawe-track-wrap .deliv-info span{ color:var(--muted); }

.douawe-track-wrap .wa-help{
  display:flex; align-items:center; gap:12px;
  background:var(--panel); border:1px solid var(--line); border-radius:14px;
  padding:14px; margin-top:8px; color:inherit;
}
.douawe-track-wrap .wa-help .icon{
  width:42px; height:42px; border-radius:12px; background:var(--whatsapp); color:var(--bg);
  display:flex; align-items:center; justify-content:center; font-size:20px; flex-shrink:0;
}
.douawe-track-wrap .wa-help .txt{ flex:1; }
.douawe-track-wrap .wa-help .txt strong{ font-size:14px; display:block; }
.douawe-track-wrap .wa-help .txt span{ font-size:12px; color:var(--muted); }
.douawe-track-wrap .wa-help .arrow{ color:var(--muted); font-size:18px; }

/* =========================================================
   Fiche produit — alignement maquette
   ========================================================= */
.woocommerce div.product{
  max-width:1100px;
  margin:18px auto 0 !important;
  padding:0 18px 28px;
  display:grid;
  grid-template-columns:1fr;
  gap:28px;
}
@media (min-width:860px){
  .woocommerce div.product{
    grid-template-columns:1fr 1fr;
    gap:40px;
    align-items:start;
  }
  .woocommerce div.product .woocommerce-tabs,
  .woocommerce div.product .douawe-specs,
  .woocommerce .related.products,
  .woocommerce .upsells.products{
    grid-column:1 / -1;
  }
}

.woocommerce div.product .douawe-product-cat{
  font-size:12px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:0.06em;
  color:var(--accent);
  margin-bottom:8px;
}
.woocommerce div.product .douawe-product-cat a{ color:var(--accent); }

.woocommerce div.product .product_title{
  font-size:clamp(22px, 4vw, 28px) !important;
  line-height:1.2;
  margin-bottom:10px !important;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price{
  font-size:28px !important;
  font-weight:800;
  color:var(--ink) !important;
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:6px !important;
}
.woocommerce div.product p.price del,
.woocommerce div.product span.price del{
  font-size:16px !important;
  color:var(--muted) !important;
  font-weight:500;
  order:2;
}
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins{
  text-decoration:none;
  order:1;
}

.douawe-discount-tag{
  display:inline-block;
  background:var(--success);
  color:var(--bg);
  font-size:12px;
  font-weight:700;
  padding:3px 8px;
  border-radius:6px;
  vertical-align:middle;
  margin-left:4px;
}

.woocommerce div.product div.summary p.stock{
  font-size:13.5px;
  font-weight:600;
  padding:0;
  background:none;
  border-radius:0;
  margin-bottom:14px;
}
.woocommerce div.product div.summary p.stock.in-stock{ color:var(--success); }
.woocommerce div.product div.summary p.stock.out-of-stock{ color:var(--danger); background:none; }

.woocommerce div.product .woocommerce-product-details__short-description{
  font-size:14.5px;
  color:rgba(26,18,40,0.8);
  line-height:1.55;
  margin-bottom:16px;
}

/* Variations */
.woocommerce div.product form.cart .variations{
  margin-bottom:12px;
  width:100%;
}
.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th{
  display:block;
  padding:0;
  border:none;
  background:none;
}
.woocommerce div.product form.cart .variations th.label{
  font-size:13px;
  font-weight:600;
  margin-bottom:8px;
  padding-top:8px;
}
.woocommerce div.product form.cart .variations select{
  width:100%;
  max-width:280px;
  border:1.5px solid var(--line);
  border-radius:10px;
  padding:11px 12px;
  font-family:inherit;
  font-size:14px;
  background:var(--panel);
}

/* Qty + CTA row */
.woocommerce div.product form.cart{
  margin-top:8px;
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.woocommerce div.product form.cart .quantity{
  margin:0;
}
.woocommerce div.product form.cart .quantity input.qty{
  width:48px;
  height:48px;
  border:1.5px solid var(--line);
  border-radius:12px;
  padding:0;
  font-family:inherit;
  font-size:15px;
  font-weight:700;
  text-align:center;
  background:var(--panel);
}
.woocommerce div.product form.cart .single_add_to_cart_button{
  flex:1;
  min-width:160px;
  height:48px;
  padding:0 20px !important;
  border-radius:12px !important;
  background:var(--ink) !important;
  color:var(--bg) !important;
  font-weight:700 !important;
  font-size:15px !important;
  border:none !important;
}
.woocommerce div.product form.cart .single_add_to_cart_button:hover{
  background:var(--accent) !important;
}

.douawe-btn-wa-product{
  width:48px; height:48px;
  border-radius:12px;
  background:var(--whatsapp);
  color:var(--bg);
  display:flex; align-items:center; justify-content:center;
  flex-shrink:0;
}
.douawe-btn-wa-product:hover{ filter:brightness(1.06); color:var(--bg); }

.douawe-trust-mini{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
  font-size:12.5px;
  color:var(--muted);
}
.douawe-trust-mini span{
  display:inline-flex;
  align-items:center;
  gap:5px;
  background:var(--surface);
  padding:6px 10px;
  border-radius:8px;
}

/* Tabs maquette */
.woocommerce div.product .woocommerce-tabs{
  margin-top:10px;
  max-width:1100px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs{
  border-bottom:1.5px solid var(--line) !important;
  display:flex;
  gap:4px;
  padding:0 !important;
  margin:0 0 18px !important;
  overflow-x:auto;
  list-style:none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs::after{ display:none !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li{
  border:none !important;
  background:none !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
  display:block;
  padding:12px 16px !important;
  font-weight:600;
  font-size:14px;
  color:var(--muted);
  border-bottom:2.5px solid transparent;
  margin-bottom:-1.5px;
  white-space:nowrap;
  background:none !important;
  border-radius:0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover{
  color:var(--ink);
  border-bottom-color:var(--accent);
  background:none !important;
}
.woocommerce div.product .woocommerce-tabs .panel{
  font-size:14.5px;
  line-height:1.6;
  color:rgba(26,18,40,0.85);
  padding:0 !important;
  border:none !important;
  box-shadow:none !important;
  background:transparent !important;
}

/* Specs sous les tabs */
.douawe-specs{
  max-width:1100px;
  margin:8px auto 0;
  padding:0 0 10px;
}

/* Related horizontal scroll feel */
.woocommerce .related.products ul.products,
.woocommerce .upsells.products ul.products{
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:12px;
  overflow-x:auto;
  padding-bottom:8px;
  margin:0 !important;
  scroll-snap-type:x mandatory;
}
.woocommerce .related.products ul.products li.product,
.woocommerce .upsells.products ul.products li.product{
  flex:0 0 152px !important;
  width:152px !important;
  margin:0 !important;
  scroll-snap-align:start;
  float:none !important;
}
@media (min-width:640px){
  .woocommerce .related.products ul.products li.product,
  .woocommerce .upsells.products ul.products li.product{
    flex:0 0 172px !important;
    width:172px !important;
  }
}

/* Auth : pas de logo badge */
.douawe-auth-wrap .logo-badge{ display:none !important; }
.douawe-auth-wrap .logo-block{ margin-bottom:18px; }

/* =========================================================
   UX — parcours client fluide
   ========================================================= */

/* Fil d'Ariane */
.douawe-breadcrumbs{
  max-width:1100px;
  margin:12px auto 0;
  padding:0 18px;
  font-size:12.5px;
  color:var(--muted);
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
}
.douawe-breadcrumbs a{ color:var(--muted); font-weight:500; }
.douawe-breadcrumbs a:hover{ color:var(--accent); }
.douawe-breadcrumbs .bc-sep{ opacity:0.45; }
.douawe-breadcrumbs .bc-current{
  color:var(--ink);
  font-weight:600;
  max-width:220px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}


/* Sticky buy mobile — fixée au viewport, ne défile jamais avec la page
   (même comportement que le header : reste visible et immobile pendant le scroll) */
.douawe-sticky-buy{
  position:fixed !important;
  bottom:0 !important; left:0 !important; right:0 !important;
  top:auto !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  transform:none !important;
  box-sizing:border-box;
  z-index:9990 !important;
  background:var(--panel);
  border-top:1px solid var(--line);
  padding:10px 14px calc(10px + env(safe-area-inset-bottom, 0px));
  display:flex;
  align-items:center;
  gap:12px;
  box-shadow:0 -6px 24px rgba(0,0,0,0.08);
}
.douawe-sticky-buy[hidden]{ display:none !important; }
.douawe-sticky-buy .sticky-price{
  flex:1;
  font-size:16px;
  font-weight:800;
  line-height:1.2;
}
.douawe-sticky-buy .sticky-price del{
  font-size:12px;
  color:var(--muted);
  font-weight:500;
  display:block;
}
.douawe-sticky-buy .sticky-cta{
  flex:1.2;
  height:46px;
  border:none;
  border-radius:12px;
  background:var(--ink);
  color:var(--bg);
  font-weight:700;
  font-size:14px;
}
.douawe-sticky-buy .sticky-cta:hover{ background:var(--accent); }
@media (min-width:860px){
  .douawe-sticky-buy{ display:none !important; }
}

/* Anciens styles toast bas de page — neutralisés (la carte est centrée). */

/* Retour haut */
.douawe-back-top{
  position:fixed;
  bottom:88px;
  right:14px;
  z-index:47;
  width:42px; height:42px;
  border-radius:50%;
  border:1.5px solid var(--line);
  background:var(--panel);
  color:var(--ink);
  font-size:18px;
  font-weight:700;
  box-shadow:0 4px 14px rgba(0,0,0,0.1);
  cursor:pointer;
}
.douawe-back-top:hover{ border-color:var(--ink); }
.douawe-back-top[hidden]{ display:none !important; }

/* Compteur panier toujours présent (AJAX) */
.cart-count[hidden]{ display:none !important; }

/* Notices plus lisibles */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error{
  border-radius:12px !important;
  border:none !important;
  padding:14px 16px !important;
  font-size:14px !important;
}
.woocommerce-message{ background:rgba(26,122,76,0.1) !important; color:var(--success) !important; }
.woocommerce-info{ background:var(--surface) !important; }
.woocommerce-error{ background:rgba(232,77,44,0.1) !important; color:var(--accent) !important; }

/* =========================================================
   Galerie produit — style classique (sans zoom, type thème d’origine)
   ========================================================= */
.woocommerce div.product div.images,
.woocommerce-product-gallery{
  border-radius:16px;
  overflow:hidden;
}
.woocommerce-product-gallery__wrapper{
  border-radius:16px;
  overflow:hidden;
  background:var(--surface);
}
.woocommerce-product-gallery__image img,
.woocommerce-product-gallery__image--placeholder img{
  border-radius:16px;
  width:100%;
  height:auto;
  display:block;
  /* jamais de zoom au survol */
  transform:none !important;
  transition:none !important;
}
.woocommerce-product-gallery__image a{
  cursor:default !important;
  pointer-events:auto;
}
/* Désactive le zoom PhotoSwipe/flexzoom hover */
.woocommerce-product-gallery .zoomImg,
.woocommerce-product-gallery .woocommerce-product-gallery__trigger + .zoomImg{
  display:none !important;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger{
  /* garder lightbox optionnelle via icône, sans zoom hover */
  border-radius:50%;
  width:36px; height:36px;
  top:12px; right:12px;
}
.woocommerce div.product div.images .flex-control-thumbs{
  display:flex;
  gap:8px;
  margin-top:10px;
  padding:0;
  overflow-x:auto;
}
.woocommerce div.product div.images .flex-control-thumbs li{
  width:64px;
  flex:0 0 64px;
  margin:0 !important;
  float:none !important;
}
.woocommerce div.product div.images .flex-control-thumbs li img{
  border-radius:10px;
  border:2px solid transparent;
  opacity:0.7;
}
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active,
.woocommerce div.product div.images .flex-control-thumbs li img:hover{
  border-color:var(--accent);
  opacity:1;
}

/* Masquer fil d’Ariane s’il reste */
.douawe-breadcrumbs{ display:none !important; }

/* Specs dans l’onglet */
.woocommerce-Tabs-panel--douawe_specs .douawe-specs-table,
.douawe-specs-table{
  width:100%;
  border-collapse:collapse;
  background:var(--panel);
  border-radius:14px;
  overflow:hidden;
  border:1px solid var(--line);
}
.douawe-specs-table th,
.douawe-specs-table td{
  text-align:left;
  padding:13px 16px;
  font-size:14px;
  border-bottom:1px solid var(--line);
}
.douawe-specs-table tr:last-child th,
.douawe-specs-table tr:last-child td{ border-bottom:none; }
.douawe-specs-table th{
  width:36%;
  font-weight:600;
  color:var(--muted);
  background:var(--surface);
}
.douawe-specs-table td{ font-weight:500; }
.douawe-specs-empty{ color:var(--muted); font-size:14px; }

/* =========================================================
   Boutons — style soigné
   ========================================================= */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce button.button.alt,
.woocommerce a.button.alt,
.woocommerce input.button.alt,
.btn-primary,
.woocommerce div.product form.cart .single_add_to_cart_button{
  position:relative;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:50px;
  padding:0 24px !important;
  border:none !important;
  border-radius:14px !important;
  background:linear-gradient(180deg, var(--ink-soft) 0%, var(--ink) 100%) !important;
  color:var(--bg) !important;
  font-family:inherit !important;
  font-weight:700 !important;
  font-size:15px !important;
  letter-spacing:0.01em;
  box-shadow:
    0 1px 0 rgba(255,255,255,0.12) inset,
    0 8px 20px rgba(26,18,40,0.22) !important;
  transition:transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease !important;
  text-shadow:0 1px 0 rgba(0,0,0,0.15);
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce button.button.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce div.product form.cart .single_add_to_cart_button:hover{
  filter:brightness(1.08);
  transform:translateY(-1px);
  box-shadow:
    0 1px 0 rgba(255,255,255,0.14) inset,
    0 12px 28px rgba(26,18,40,0.28) !important;
  color:var(--bg) !important;
  background:linear-gradient(180deg, var(--accent) 0%, var(--accent-dark) 100%) !important;
}
.woocommerce a.button:active,
.woocommerce button.button:active,
.woocommerce div.product form.cart .single_add_to_cart_button:active{
  transform:translateY(0);
  filter:brightness(0.98);
}

/* CTA principal fiche produit — pleine largeur élégante */
.woocommerce div.product form.cart .single_add_to_cart_button{
  flex:1 1 auto;
  min-width:min(100%, 200px);
  height:52px !important;
  font-size:15.5px !important;
  border-radius:14px !important;
}


/* WhatsApp produit */
.douawe-btn-wa-product{
  width:52px !important;
  height:52px !important;
  border-radius:14px !important;
  box-shadow:0 6px 16px rgba(37,211,102,0.35);
}

/* Sticky CTA */
.douawe-sticky-buy .sticky-cta{
  height:48px;
  border-radius:14px;
  background:linear-gradient(180deg, var(--ink-soft) 0%, var(--ink) 100%);
  box-shadow:0 6px 16px rgba(26,18,40,0.2);
  font-weight:700;
}
.douawe-sticky-buy .sticky-cta:hover{
  background:linear-gradient(180deg, var(--accent) 0%, var(--accent-dark) 100%);
}

/* Checkout / payer */
.woocommerce-checkout #place_order,
.woocommerce-checkout button[name="woocommerce_checkout_place_order"]{
  min-height:54px !important;
  border-radius:14px !important;
  font-size:16px !important;
  width:100%;
  background:linear-gradient(180deg, var(--ink-soft) 0%, var(--ink) 100%) !important;
  box-shadow:0 8px 22px rgba(26,18,40,0.25) !important;
}

/* Boutons secondaires */
.woocommerce a.button:not(.alt):not(.single_add_to_cart_button){
  /* laissé au style principal pour cohérence */
}

/* Qty plus joli */
.woocommerce div.product form.cart .quantity input.qty{
  width:52px;
  height:52px;
  border-radius:14px;
  border:1.5px solid var(--line);
  font-weight:700;
  font-size:16px;
  background:var(--panel);
}

/* =========================================================
   Recherche live + Favoris + Upsell panier + WA commande
   ========================================================= */
.douawe-search-wrap{ position:relative; }
.douawe-search-results{
  position:absolute;
  top:calc(100% + 8px);
  left:0; right:0;
  z-index:80;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:0 16px 40px rgba(26,18,40,0.14);
  max-height:min(70vh, 420px);
  overflow-y:auto;
  padding:8px;
}
.douawe-search-results[hidden]{ display:none !important; }
.douawe-search-results .sr-item{
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px;
  border-radius:12px;
  color:inherit;
}
.douawe-search-results .sr-item:hover{ background:var(--surface); }
.douawe-search-results .sr-item img{
  width:48px; height:48px;
  border-radius:10px;
  object-fit:cover;
  background:var(--surface);
  flex-shrink:0;
}
.douawe-search-results .sr-meta{ min-width:0; flex:1; }
.douawe-search-results .sr-name{
  display:block;
  font-size:14px;
  font-weight:600;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.douawe-search-results .sr-price{
  font-size:13px;
  font-weight:700;
  color:var(--accent);
}
.douawe-search-results .sr-empty{
  padding:16px;
  text-align:center;
  color:var(--muted);
  font-size:14px;
}

/* Cœur favoris */
.douawe-wish-btn{
  position:absolute;
  top:12px;
  right:12px;
  z-index:3;
  width:42px; height:42px;
  border-radius:50%;
  border:1.5px solid var(--line);
  background:var(--panel);
  color:var(--muted);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  box-shadow:0 4px 12px rgba(0,0,0,0.06);
}
.woocommerce div.product .summary{ position:relative; }
.woocommerce div.product .summary .douawe-wish-btn{
  position:absolute;
  top:0;
  right:0;
}
.douawe-wish-btn.is-active{
  color:var(--accent);
  border-color:rgba(232,77,44,0.35);
  background:rgba(232,77,44,0.08);
}
.douawe-wish-btn:hover{ color:var(--accent); }

/* Upsell panier */
.douawe-cart-upsell{
  max-width:560px;
  margin:24px auto 100px;
  padding:0 16px;
}
.douawe-cart-upsell h2{
  font-size:17px;
  margin:0 0 12px;
}
.douawe-cart-upsell .upsell-scroll{
  display:flex;
  gap:12px;
  overflow-x:auto;
  padding-bottom:6px;
  scroll-snap-type:x mandatory;
}
.douawe-cart-upsell .upsell-card{
  flex:0 0 148px;
  scroll-snap-align:start;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:14px;
  overflow:hidden;
}
.douawe-cart-upsell .upsell-img{
  display:block;
  aspect-ratio:1;
  background:var(--surface);
}
.douawe-cart-upsell .upsell-img img{
  width:100%; height:100%; object-fit:cover;
}
.douawe-cart-upsell .upsell-info{ padding:10px; }
.douawe-cart-upsell .upsell-title{
  display:block;
  font-size:12.5px;
  font-weight:600;
  line-height:1.3;
  min-height:2.5em;
  color:inherit;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.douawe-cart-upsell .upsell-price{
  font-size:13px;
  font-weight:800;
  margin:6px 0 8px;
}
.douawe-cart-upsell .upsell-add{
  width:100%;
  min-height:36px !important;
  height:36px !important;
  padding:0 8px !important;
  font-size:12.5px !important;
  border-radius:10px !important;
}

/* WhatsApp confirmation commande */
.douawe-wa-confirm{
  background:rgba(37,211,102,0.1);
  border:1.5px solid rgba(37,211,102,0.35);
  border-radius:16px;
  padding:18px;
  margin:18px 0;
  text-align:center;
}
.douawe-wa-confirm .wa-confirm-title{
  font-size:16px;
  font-weight:700;
  margin:0 0 4px;
}
.douawe-wa-confirm .wa-confirm-sub{
  font-size:13px;
  color:var(--muted);
  margin:0 0 14px;
}
.douawe-wa-confirm-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:50px;
  padding:0 22px;
  border-radius:14px;
  background:var(--whatsapp);
  color:var(--bg) !important;
  font-weight:700;
  font-size:15px;
  box-shadow:0 8px 20px rgba(37,211,102,0.35);
}
.douawe-wa-confirm-btn:hover{
  filter:brightness(1.05);
  color:var(--bg) !important;
}

/* =========================================================
   Fiche produit — photo contenue + CTAs sur une ligne
   ========================================================= */

/* Photo : plus d’énormité */
.woocommerce div.product div.images,
.woocommerce-product-gallery{
  max-width:100%;
  margin:0 auto;
}
.woocommerce-product-gallery__wrapper{
  max-height:min(52vw, 340px);
}
@media (min-width:860px){
  .woocommerce-product-gallery__wrapper{
    max-height:400px;
  }
}
.woocommerce-product-gallery__image,
.woocommerce-product-gallery__image--placeholder{
  display:flex !important;
  align-items:center;
  justify-content:center;
  background:var(--bg);
  max-height:inherit;
}
.woocommerce-product-gallery__image img,
.woocommerce-product-gallery__image--placeholder img,
.woocommerce div.product div.images img{
  max-height:min(52vw, 340px) !important;
  width:auto !important;
  max-width:100% !important;
  height:auto !important;
  object-fit:contain !important;
  margin:0 auto;
  display:block;
  border-radius:16px;
}
@media (min-width:860px){
  .woocommerce-product-gallery__image img,
  .woocommerce-product-gallery__image--placeholder img,
  .woocommerce div.product div.images img{
    max-height:400px !important;
  }
}
/* Vignettes plus compactes */
.woocommerce div.product div.images .flex-control-thumbs li{
  width:52px !important;
  flex:0 0 52px !important;
}
.woocommerce div.product div.images .flex-control-thumbs li img{
  border-radius:8px;
}

/* Masquer méta catégorie/étiquettes + tous les fils d’Ariane */
.woocommerce div.product .product_meta,
.product_meta,
.woocommerce-breadcrumb,
.woocommerce-breadcrumbs,
.douawe-breadcrumbs,
.rank-math-breadcrumb,
.yoast-breadcrumb,
nav.woocommerce-breadcrumb,
.breadcrumb,
.breadcrumbs{
  display:none !important;
}
.woocommerce div.product .douawe-product-cat{
  display:none !important;
}

/* WhatsApp produit masqué */
.douawe-btn-wa-product{ display:none !important; }

/* Qty + Ajouter + Acheter sur la MÊME ligne */
.woocommerce div.product form.cart{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:10px !important;
}
.woocommerce div.product form.cart .quantity{
  margin:0 !important;
  flex:0 0 auto;
}
.woocommerce div.product form.cart .quantity input.qty{
  width:48px !important;
  height:48px !important;
  border-radius:12px !important;
}
.woocommerce div.product form.cart .single_add_to_cart_button{
  flex:1 1 0 !important;
  min-width:0 !important;
  height:48px !important;
  min-height:48px !important;
  margin:0 !important;
  border-radius:12px !important;
  font-size:14px !important;
  padding:0 12px !important;
}

/* Sur très petit écran : toujours 2 boutons côte à côte sous la qty */
@media (max-width:380px){
  .woocommerce div.product form.cart .single_add_to_cart_button,
  }

/* Sticky bar un peu plus basse pour ne pas écraser */
.douawe-sticky-buy{
  max-width:100%;
  padding:10px 14px calc(10px + env(safe-area-inset-bottom, 0px));
}
.douawe-sticky-buy .sticky-price{
  font-size:15px;
}
.douawe-sticky-buy .sticky-cta{
  height:44px;
  font-size:13.5px;
}

/* =========================================================
   v1.1.1 — image ~1/3 + boutons compacts jolis + WA gauche
   ========================================================= */

/* Image produit ≈ 1/3 de la taille précédente */
.woocommerce div.product div.images,
.woocommerce-product-gallery{
  max-width:min(220px, 55%) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.woocommerce-product-gallery__wrapper{
  max-height:160px !important;
}
.woocommerce-product-gallery__image img,
.woocommerce-product-gallery__image--placeholder img,
.woocommerce div.product div.images img{
  max-height:160px !important;
  max-width:100% !important;
  width:auto !important;
  height:auto !important;
  object-fit:contain !important;
}
@media (min-width:860px){
  .woocommerce div.product div.images,
  .woocommerce-product-gallery{
    max-width:280px !important;
  }
  .woocommerce-product-gallery__wrapper{ max-height:200px !important; }
  .woocommerce-product-gallery__image img,
  .woocommerce div.product div.images img{
    max-height:200px !important;
  }
}
.woocommerce div.product div.images .flex-control-thumbs{
  justify-content:center;
  margin-top:8px;
}
.woocommerce div.product div.images .flex-control-thumbs li{
  width:40px !important;
  flex:0 0 40px !important;
}

/* Boutons : moitié hauteur, très arrondis, plus jolis */
.woocommerce div.product form.cart{
  gap:8px !important;
  margin-top:12px !important;
}
.woocommerce div.product form.cart .quantity input.qty{
  width:40px !important;
  height:40px !important;
  border-radius:999px !important;
  font-size:14px !important;
}
.woocommerce div.product form.cart .single_add_to_cart_button,
.woocommerce div.product form.cart .single_add_to_cart_button{
  background:linear-gradient(180deg, var(--ink-soft) 0%, var(--ink) 100%) !important;
  box-shadow:0 6px 16px rgba(26,18,40,0.2) !important;
}
.woocommerce div.product form.cart .single_add_to_cart_button:hover{
  background:linear-gradient(180deg, var(--accent) 0%, var(--accent-dark) 100%) !important;
  box-shadow:0 8px 18px rgba(232,77,44,0.28) !important;
}

/* Sticky bar alignée */
.douawe-sticky-buy .sticky-cta{
  height:40px !important;
  border-radius:999px !important;
  font-size:13px !important;
}

/* WhatsApp flottant à gauche (renforce main.css) */
.float-btns{
  left:14px !important;
  right:auto !important;
}
/* Évite chevauchement plugins chat souvent à droite */
.douawe-back-top{
  right:14px !important;
  left:auto !important;
}

/* =========================================================
   v1.1.3 — gallery centrée, cœurs partout, favoris jolis, CTAs accent
   ========================================================= */

/* Plus de décalage / scroll horizontal sur la galerie */
.woocommerce div.product div.images,
.woocommerce-product-gallery{
  max-width:100% !important;
  width:100% !important;
  margin:0 auto 12px !important;
  overflow:hidden !important;
}
.woocommerce-product-gallery__wrapper{
  max-height:200px !important;
  overflow:hidden !important;
}
.woocommerce-product-gallery .flex-viewport{
  max-height:200px !important;
  overflow:hidden !important;
}
.woocommerce-product-gallery__image,
.woocommerce-product-gallery__image--placeholder{
  text-align:center !important;
  background:var(--bg) !important;
}
.woocommerce-product-gallery__image img,
.woocommerce-product-gallery__image--placeholder img,
.woocommerce div.product div.images img{
  max-height:200px !important;
  max-width:100% !important;
  width:auto !important;
  height:auto !important;
  margin:0 auto !important;
  object-fit:contain !important;
  display:block !important;
}
.woocommerce div.product div.images .flex-control-thumbs{
  justify-content:center !important;
  overflow-x:auto;
  max-width:100%;
}
/* Conteneur produit : pas de overflow horizontal */
.woocommerce div.product,
.douawe-woo-wrap{
  overflow-x:hidden !important;
  max-width:100vw;
}

/* Cœur sur cartes boutique / related */
.woocommerce ul.products li.product,
.woocommerce ul.products li.product .woocommerce-loop-product__link{
  position:relative;
}
li.product .douawe-wish-btn--loop,
.promo-item .p-thumb .douawe-wish-btn--loop{
  position:absolute;
  top:8px;
  right:8px;
  z-index:6;
  width:34px;
  height:34px;
  border-radius:50%;
  border:none;
  background:rgba(255,255,255,0.95);
  color:var(--muted);
  box-shadow:0 2px 10px rgba(0,0,0,0.12);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  padding:0;
  -webkit-tap-highlight-color:transparent;
  outline:none;
  appearance:none;
}
li.product .douawe-wish-btn--loop:focus,
li.product .douawe-wish-btn--loop:active,
.promo-item .p-thumb .douawe-wish-btn--loop:focus,
.promo-item .p-thumb .douawe-wish-btn--loop:active{
  outline:none;
  background:rgba(255,255,255,0.95);
  box-shadow:0 2px 10px rgba(0,0,0,0.12);
}
li.product .douawe-wish-btn--loop.is-active,
.promo-item .p-thumb .douawe-wish-btn--loop.is-active{
  color:var(--accent);
}
.promo-item .p-thumb{ position:relative; }

/* Pas de surbrillance grise / flash sur toute la carte au clic du cœur */
.woocommerce ul.products li.product a,
.woocommerce ul.products li.product a img,
.promo-item,
.promo-item img{
  -webkit-tap-highlight-color:transparent;
}
.woocommerce ul.products li.product a:active,
.promo-item:active{
  opacity:1;
  filter:none;
}

/* Page Favoris — grille propre */
.douawe-wishlist-page .douawe-wish-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
@media (min-width:700px){
  .douawe-wishlist-page .douawe-wish-grid{
    grid-template-columns:repeat(3, 1fr);
    gap:16px;
  }
}
.douawe-wish-card{
  position:relative;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:16px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
}
.douawe-wish-card .wish-img{
  display:block;
  aspect-ratio:1;
  background:var(--bg);
  overflow:hidden;
}
.douawe-wish-card .wish-img img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:10px;
}
.douawe-wish-card .douawe-wish-btn{
  position:absolute;
  top:8px;
  right:8px;
  z-index:2;
  width:34px;
  height:34px;
  border:none;
  border-radius:50%;
  background:rgba(255,255,255,0.95);
  color:var(--accent);
  box-shadow:0 2px 10px rgba(0,0,0,0.1);
  display:flex;
  align-items:center;
  justify-content:center;
}
.douawe-wish-card .wish-body{
  padding:10px 12px 12px;
  display:flex;
  flex-direction:column;
  gap:6px;
  flex:1;
}
.douawe-wish-card .wish-title{
  font-size:13px;
  font-weight:600;
  line-height:1.3;
  color:var(--ink);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:2.5em;
}
.douawe-wish-card .wish-price{
  font-size:14px;
  font-weight:800;
}
.douawe-wish-card .wish-add{
  margin-top:auto !important;
  width:100%;
  min-height:36px !important;
  height:36px !important;
  border-radius:999px !important;
  font-size:12.5px !important;
  padding:0 10px !important;
  background:var(--accent) !important;
  color:var(--bg) !important;
  box-shadow:0 4px 12px rgba(232,77,44,0.3) !important;
}

/* CTAs fiche produit : moitié + couleur recherche (accent) */
.woocommerce div.product form.cart .quantity input.qty{
  width:36px !important;
  height:36px !important;
  border-radius:999px !important;
  font-size:13px !important;
}
.woocommerce div.product form.cart .single_add_to_cart_button,
.woocommerce div.product form.cart .single_add_to_cart_button:hover,
.douawe-sticky-buy .sticky-cta{
  height:36px !important;
  border-radius:999px !important;
  font-size:12.5px !important;
  background:var(--accent) !important;
  box-shadow:0 4px 12px rgba(232,77,44,0.35) !important;
}

/* =========================================================
   v1.1.4 — galerie simple centrée + checkout CI
   ========================================================= */
.douawe-pg{
  width:100%;
  max-width:100%;
  margin:0 auto 16px;
  position:relative;
  overflow:hidden;
}
.douawe-pg-badge{
  position:absolute;
  top:10px; left:10px;
  z-index:2;
  background:var(--gold);
  color:var(--ink);
  font-size:11px;
  font-weight:700;
  padding:4px 10px;
  border-radius:8px;
}
.douawe-pg-main{
  width:100%;
  max-width:100%;
  aspect-ratio:1 / 1;
  max-height:240px;
  margin:0 auto;
  background:var(--bg);
  border-radius:16px;
  border:1px solid var(--line);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.douawe-pg-main img{
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
  display:block;
}
.douawe-pg-thumbs{
  display:flex;
  gap:8px;
  justify-content:center;
  flex-wrap:wrap;
  margin-top:10px;
  max-width:100%;
}
.douawe-pg-thumb{
  width:52px;
  height:52px;
  padding:0;
  border:2px solid transparent;
  border-radius:10px;
  overflow:hidden;
  background:var(--bg);
  cursor:pointer;
  flex-shrink:0;
}
.douawe-pg-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.douawe-pg-thumb.is-active{
  border-color:var(--accent);
}

/* Fiche produit : tout reste dans l’écran */
.woocommerce div.product{
  display:block !important;
  grid-template-columns:none !important;
  max-width:100% !important;
  padding:0 16px 28px !important;
  margin:12px auto 0 !important;
  overflow-x:hidden !important;
  box-sizing:border-box;
}
.woocommerce div.product div.images,
.woocommerce div.product div.summary{
  width:100% !important;
  float:none !important;
  max-width:100% !important;
  margin:0 0 16px !important;
  padding:0 !important;
  box-sizing:border-box;
}
.woocommerce div.product form.cart{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box;
  margin-left:0 !important;
  margin-right:0 !important;
}
.woocommerce div.product .product_title{
  font-size:clamp(18px, 5vw, 24px) !important;
  word-break:break-word;
}
.woocommerce-Tabs-panel,
.woocommerce div.product .woocommerce-tabs{
  max-width:100%;
  overflow-x:hidden;
}

/* Checkout champs larges */
.woocommerce-checkout .form-row-wide,
.woocommerce-checkout .form-row-first,
.woocommerce-checkout .form-row-last{
  width:100% !important;
  float:none !important;
}
.woocommerce-checkout #billing_country_field,
.woocommerce-checkout #shipping_country_field,
.woocommerce-checkout #billing_state_field,
.woocommerce-checkout #billing_postcode_field{
  display:none !important;
}

/* Checkout : verrouillage horizontal. Aucun débordement latéral ne doit être possible. */
html.woocommerce-checkout,
body.woocommerce-checkout,
.woocommerce-checkout,
.woocommerce-checkout .douawe-checkout-wrap,
.woocommerce-checkout form.checkout{
  max-width:100%;
  width:100%;
  overflow-x:clip !important;
  overscroll-behavior-x:none;
}
.woocommerce-checkout .douawe-checkout-wrap{
  box-sizing:border-box;
}
.woocommerce-checkout .douawe-section,
.woocommerce-checkout .douawe-steps,
.woocommerce-checkout .douawe-edit-cart-row,
.woocommerce-checkout .douawe-payment-section{
  max-width:100%;
  box-sizing:border-box;
}
.woocommerce-checkout .douawe-pay-bar{
  left:0 !important;
  right:0 !important;
  width:100% !important;
  max-width:none !important;
}


/* =========================================================
   Correctifs mobile checkout — aucun débordement horizontal
   + contacts côte à côte avec bouton + / − extérieur aux champs
   ========================================================= */
html.woocommerce-checkout,
html.woocommerce-checkout body,
body.woocommerce-checkout,
body.woocommerce-checkout #page,
body.woocommerce-checkout #content,
body.woocommerce-checkout .site-main,
body.woocommerce-checkout .douawe-woo-wrap{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow-x:hidden !important;
}
body.woocommerce-checkout .douawe-checkout-wrap,
body.woocommerce-checkout form.checkout,
body.woocommerce-checkout #customer_details,
body.woocommerce-checkout #customer_details_inner,
body.woocommerce-checkout #order_review,
body.woocommerce-checkout .douawe-payment-section{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  overflow-x:hidden !important;
}
body.woocommerce-checkout .douawe-checkout-wrap{
  padding-left:max(12px, env(safe-area-inset-left)) !important;
  padding-right:max(12px, env(safe-area-inset-right)) !important;
}
body.woocommerce-checkout .col2-set,
body.woocommerce-checkout .col-1,
body.woocommerce-checkout .col-2,
body.woocommerce-checkout .form-row{
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}
body.woocommerce-checkout input,
body.woocommerce-checkout select,
body.woocommerce-checkout textarea,
body.woocommerce-checkout button{
  max-width:100% !important;
  box-sizing:border-box !important;
}
body.woocommerce-checkout .douawe-pay-bar{
  left:0 !important;
  right:0 !important;
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  transform:none !important;
}

.douawe-phone-contacts{
  display:grid;
  grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);
  align-items:end;
  column-gap:8px;
  width:100%;
  max-width:100%;
  min-width:0;
}
.douawe-phone-contacts .douawe-phone-primary,
.douawe-phone-contacts .douawe-phone-secondary{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  float:none !important;
  margin:0 !important;
}
.douawe-phone-contacts .douawe-phone-secondary{ display:none; }
.douawe-phone-contacts .douawe-phone-secondary.is-visible{ display:block; }
.douawe-phone-contacts .douawe-add-phone-btn{
  position:static !important;
  grid-column:2;
  grid-row:1;
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  min-height:38px !important;
  margin:0 0 2px !important;
  padding:0 !important;
  border-radius:10px !important;
  border:1.5px solid var(--line) !important;
  background:var(--surface) !important;
  color:var(--ink) !important;
  font-size:22px !important;
  line-height:1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  z-index:2;
}
.douawe-phone-contacts .douawe-phone-primary{ grid-column:1; grid-row:1; }
.douawe-phone-contacts .douawe-phone-secondary{ grid-column:3; grid-row:1; }
.douawe-phone-contacts .douawe-add-phone-btn.is-remove{ background:var(--ink) !important; color:var(--bg) !important; }
.douawe-phone-contacts .douawe-phone-primary input.input-text{ padding-right:14px !important; }

@media (max-width:420px){
  .douawe-phone-contacts{ grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr); column-gap:5px; }
  .douawe-phone-contacts .douawe-add-phone-btn{
    width:34px !important; height:34px !important; min-width:34px !important; min-height:34px !important;
    border-radius:9px !important; font-size:20px !important;
  }
}




/* =========================================================
   DOUAWE PROSHOP — AUDIT MOBILE V8
   Objectif : zéro débordement horizontal + CTA toujours accessible.
   ========================================================= */

/* Tous les conteneurs WooCommerce doivent pouvoir rétrécir dans une colonne. */
body.woocommerce,
body.woocommerce .site-main,
body.woocommerce .woocommerce,
body.woocommerce .douawe-woo-wrap,
body.woocommerce .douawe-checkout-wrap,
body.woocommerce .woocommerce-page,
body.woocommerce .col2-set,
body.woocommerce .col-1,
body.woocommerce .col-2 {
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}

body.woocommerce img,
body.woocommerce video,
body.woocommerce iframe,
body.woocommerce table,
body.woocommerce input,
body.woocommerce select,
body.woocommerce textarea,
body.woocommerce button {
  max-width:100%;
  box-sizing:border-box;
}

/* Les textes très longs (noms, références, URLs, coupons) ne créent pas de largeur fantôme. */
body.woocommerce .product_title,
body.woocommerce .woocommerce-loop-product__title,
body.woocommerce .cart-item .name,
body.woocommerce .oi-name,
body.woocommerce .meta,
body.woocommerce .woocommerce-message,
body.woocommerce .woocommerce-error,
body.woocommerce .woocommerce-info {
  overflow-wrap:anywhere;
  word-break:normal;
}

/* Boutons tactiles : jamais minuscules sur téléphone. */
@media (max-width:600px){
  body.woocommerce .button,
  body.woocommerce button,
  body.woocommerce input[type="submit"],
  body.woocommerce .single_add_to_cart_button {
    min-height:44px;
  }

  /* Grille boutique : 2 cartes stables, même à 320px. */
  body.woocommerce ul.products,
  body.woocommerce-page ul.products {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }
  body.woocommerce ul.products li.product,
  body.woocommerce-page ul.products li.product {
    width:auto !important;
    margin:0 !important;
    min-width:0 !important;
  }
  body.woocommerce ul.products li.product .button {
    width:100%;
    min-height:42px;
    white-space:normal;
    line-height:1.2;
  }

  /* Toolbar boutique : les éléments peuvent passer à la ligne plutôt que dépasser. */
  body.woocommerce .douawe-shop-toolbar {
    display:flex !important;
    flex-wrap:wrap !important;
    gap:8px !important;
    min-width:0 !important;
  }
  body.woocommerce .douawe-shop-toolbar > * {
    min-width:0 !important;
    max-width:100% !important;
  }

  /* Fiche produit : prix et CTA restent dans la largeur disponible. */
  body.woocommerce div.product .summary,
  body.woocommerce div.product .images,
  body.woocommerce div.product form.cart {
    min-width:0 !important;
    max-width:100% !important;
  }
  body.woocommerce div.product form.cart .single_add_to_cart_button {
    min-width:0 !important;
    width:100% !important;
    white-space:normal !important;
  }

  /* Onglets produit : défilement horizontal volontaire uniquement dans les onglets. */
  body.woocommerce div.product .woocommerce-tabs ul.tabs {
    max-width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    white-space:nowrap;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  body.woocommerce div.product .woocommerce-tabs ul.tabs::-webkit-scrollbar { display:none; }
  body.woocommerce div.product .woocommerce-tabs ul.tabs li {
    float:none !important;
    display:inline-block !important;
  }

  /* Tables techniques : ne font jamais agrandir la page entière. */
  body.woocommerce .douawe-specs-table {
    display:block;
    width:100%;
    max-width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }

  /* Formulaire checkout : une seule colonne sur petit écran. */
  body.woocommerce-checkout .form-row-first,
  body.woocommerce-checkout .form-row-last {
    width:100% !important;
    float:none !important;
  }

  body.woocommerce-checkout .deliv-opt,
  body.woocommerce-checkout .douawe-pay-label {
    min-width:0;
  }
  body.woocommerce-checkout .deliv-opt .info,
  body.woocommerce-checkout .douawe-pay-label .info {
    min-width:0 !important;
  }
  body.woocommerce-checkout .deliv-opt .price {
    flex:0 0 auto;
  }

  /* Recherche live : largeur limitée à la fenêtre, jamais au contenu. */
  body.woocommerce .douawe-search-results {
    width:100% !important;
    max-width:100% !important;
    left:0 !important;
    right:0 !important;
    box-sizing:border-box !important;
  }
}


/* Ancien toast bas mobile — neutralisé. */

/* Respecte les appareils avec encoche / barre de navigation. */
@supports (padding:max(0px, env(safe-area-inset-bottom))){
  body.woocommerce-checkout .douawe-pay-bar {
    padding-bottom:max(8px,env(safe-area-inset-bottom)) !important;
  }
}




/* =========================================================
   DOUAWE PROSHOP — V24 : panier autonome + barre fixe
   Le panier suit la géométrie du checkout. Le template page-panier.php
   supprime le wrapper générique de page.php et sa largeur indirecte.
   ========================================================= */
html.woocommerce-cart,
body.woocommerce-cart{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow-x:hidden !important;
  background:var(--bg) !important;
}
body.woocommerce-cart #page,
body.woocommerce-cart #content,
body.woocommerce-cart #main,
body.woocommerce-cart .douawe-cart-page-main,
body.woocommerce-cart .douawe-cart-wrap,
body.woocommerce-cart .woocommerce,
body.woocommerce-cart .woocommerce-cart-form,
body.woocommerce-cart .cart-list,
body.woocommerce-cart .cart-item,
body.woocommerce-cart .summary,
body.woocommerce-cart .promo-box,
body.woocommerce-cart .continue{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}
body.woocommerce-cart .douawe-cart-page-main{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
}
body.woocommerce-cart .douawe-cart-wrap{
  margin:0 auto !important;
  padding:14px 12px 92px !important;
  overflow:visible !important;
}
body.woocommerce-cart .cart-item,
body.woocommerce-cart .summary,
body.woocommerce-cart .promo-box,
body.woocommerce-cart .continue{
  max-width:100% !important;
}

/* Barre panier = même géométrie que la barre de Validation. */
body.woocommerce-cart .douawe-pay-bar{
  position:fixed !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  top:auto !important;
  width:auto !important;
  max-width:none !important;
  min-width:0 !important;
  margin:0 !important;
  padding:8px 12px max(8px, env(safe-area-inset-bottom,0px)) !important;
  transform:none !important;
  box-sizing:border-box !important;
  background:var(--bg) !important;
  border-top:1px solid var(--line) !important;
  box-shadow:0 -6px 20px rgba(0,0,0,.10) !important;
  z-index:9999 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:4px !important;
  overflow:visible !important;
}
body.woocommerce-cart .douawe-pay-bar .btn-pay{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  height:46px !important;
  min-height:46px !important;
  margin:0 !important;
  padding:7px 14px !important;
  box-sizing:border-box !important;
  border:0 !important;
  border-radius:12px !important;
  background:var(--ink) !important;
  color:var(--bg) !important;
  text-decoration:none !important;
  gap:8px !important;
}
body.woocommerce-cart .douawe-pay-bar .btn-pay-label{
  min-width:0 !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  text-overflow:ellipsis !important;
}
body.woocommerce-cart .douawe-pay-bar .btn-pay-total{
  flex:0 0 auto !important;
  white-space:nowrap !important;
  font-weight:800 !important;
}
@media (max-width:899px){
  body.woocommerce-cart .douawe-pay-bar{display:flex !important;}
}
@media (min-width:900px){
  body.woocommerce-cart .douawe-pay-bar{display:none !important;}
}


/* =========================================================
   V25 — PANIER : zéro débordement horizontal réel
   Les carrousels restent scrollables à l'intérieur de leur propre boîte,
   mais aucune de leurs cartes ne peut agrandir le document.
   ========================================================= */
html.woocommerce-cart,
body.woocommerce-cart,
body.woocommerce-cart #page,
body.woocommerce-cart #content,
body.woocommerce-cart #main,
body.woocommerce-cart .site-main,
body.woocommerce-cart .douawe-cart-page-main{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow-x:clip !important;
  box-sizing:border-box !important;
}
body.woocommerce-cart .douawe-cart-wrap,
body.woocommerce-cart .woocommerce,
body.woocommerce-cart .woocommerce-cart-form,
body.woocommerce-cart .cart-list,
body.woocommerce-cart .cart-item,
body.woocommerce-cart .summary,
body.woocommerce-cart .promo-box,
body.woocommerce-cart .continue,
body.woocommerce-cart .douawe-cart-upsell{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}
body.woocommerce-cart .douawe-cart-upsell{
  overflow:hidden !important;
  contain:inline-size !important;
  padding-left:12px !important;
  padding-right:12px !important;
}
body.woocommerce-cart .douawe-cart-upsell .upsell-scroll{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  overscroll-behavior-x:contain !important;
  touch-action:pan-x !important;
}
body.woocommerce-cart .douawe-pay-bar{
  position:fixed !important;
  inset:auto 0 0 0 !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  transform:none !important;
  box-sizing:border-box !important;
  z-index:10000 !important;
}
@media (max-width:899px){
  body.woocommerce-cart .douawe-cart-wrap{
    padding-left:12px !important;
    padding-right:12px !important;
    padding-bottom:100px !important;
  }
}

/* =========================================================
   V25 — ICÔNE PANIER SUR CHAQUE CARTE PRODUIT
   ========================================================= */
.woocommerce ul.products li.product .douawe-card-cart-btn,
.douawe-card-cart-btn{
  position:absolute !important;
  right:9px !important;
  bottom:9px !important;
  z-index:8 !important;
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
  min-height:40px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:50% !important;
  background:var(--accent) !important;
  color:var(--bg) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-shadow:0 5px 16px rgba(232,77,44,.28) !important;
  cursor:pointer !important;
}
.woocommerce ul.products li.product .douawe-card-cart-btn .icon,
.douawe-card-cart-btn .icon{
  width:20px !important;
  height:20px !important;
  margin:0 !important;
}
.woocommerce ul.products li.product .douawe-card-cart-btn.is-disabled,
.douawe-card-cart-btn.is-disabled{
  opacity:.45 !important;
  cursor:not-allowed !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price{
  padding-right:56px !important;
}
/* Le bouton WooCommerce texte reste disponible sur desktop si nécessaire,
   mais l'icône est le CTA compact principal. */
.woocommerce ul.products li.product > .button{
  margin-right:56px !important;
  width:calc(100% - 64px) !important;
}
.promo-item .p-thumb{ position:relative !important; }
.promo-item .douawe-card-cart-btn--promo{
  right:7px !important;
  bottom:7px !important;
  width:36px !important;
  height:36px !important;
  min-width:36px !important;
  min-height:36px !important;
}
.promo-item .douawe-card-cart-btn--promo .icon{ width:18px !important; height:18px !important; }

/* V25 — l'icône devient le CTA panier compact de la carte. */
.woocommerce ul.products li.product > a.add_to_cart_button,
.woocommerce ul.products li.product > a.button:not(.douawe-card-cart-btn){
  display:none !important;
}
.woocommerce ul.products li.product .douawe-card-cart-btn{
  bottom:9px !important;
}

/* V25 — le panier ne peut jamais devenir une page horizontalement scrollable. */
@media (max-width:899px){
  body.woocommerce-cart,
  body.woocommerce-cart #page,
  body.woocommerce-cart #content,
  body.woocommerce-cart #main{
    overflow-x:hidden !important;
  }
  body.woocommerce-cart .douawe-cart-upsell .upsell-scroll{
    scrollbar-width:none;
  }
  body.woocommerce-cart .douawe-cart-upsell .upsell-scroll::-webkit-scrollbar{
    display:none;
  }
}

/* Galerie : le geste horizontal est volontairement réservé à l'image. */
.douawe-pg-main{
  touch-action:pan-y;
  user-select:none;
  -webkit-user-select:none;
  cursor:grab;
}
.douawe-pg-main:active{ cursor:grabbing; }
.douawe-pg-thumbs{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.douawe-pg-thumbs::-webkit-scrollbar{ display:none; }

/* V25 — icône panier sur les recommandations du panier. */
.douawe-cart-upsell .upsell-card{ position:relative; }
.douawe-cart-upsell .upsell-cart-btn{
  position:absolute !important;
  right:8px !important;
  bottom:8px !important;
  width:36px !important;
  height:36px !important;
  min-width:36px !important;
  min-height:36px !important;
}
.douawe-cart-upsell .upsell-cart-btn .icon{ width:18px !important; height:18px !important; }
.douawe-cart-upsell .upsell-info{ padding-bottom:54px !important; }

/* =========================================================
   V26 — FINITIONS UX / MOBILE
   ========================================================= */

/* Les recommandations du panier doivent permettre le scroll vertical de la page.
   Le précédent touch-action:pan-x bloquait le geste vertical lorsqu'un doigt
   commençait sur une carte recommandée. */
body.woocommerce-cart .douawe-cart-upsell .upsell-scroll{
  touch-action:pan-x pan-y !important;
  overscroll-behavior-x:contain !important;
  overscroll-behavior-y:auto !important;
  -webkit-overflow-scrolling:touch !important;
}
body.woocommerce-cart .douawe-cart-upsell .upsell-card,
body.woocommerce-cart .douawe-cart-upsell .upsell-card a{
  touch-action:pan-x pan-y !important;
}

/* Confirmation panier : centrage inset + margin (fiable sur mobile). */
.douawe-toast{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  width:min(300px, calc(100vw - 32px)) !important;
  max-width:calc(100vw - 32px) !important;
  height:fit-content !important;
  max-height:min(70vh, calc(100dvh - 48px)) !important;
  margin:auto !important;
  overflow:auto !important;
  box-sizing:border-box !important;
  transform:scale(.96) !important;
  -webkit-transform:scale(.96) !important;
  background:var(--bg) !important;
  color:var(--ink-soft) !important;
  border:1px solid rgba(42,31,61,.10) !important;
  border-radius:18px !important;
  padding:16px !important;
  box-shadow:0 20px 60px rgba(25,18,40,.25) !important;
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  font-size:14px !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transition:opacity .2s ease, transform .2s ease, visibility .2s !important;
  z-index:12000 !important;
}
.douawe-toast.show{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:scale(1) !important;
  -webkit-transform:scale(1) !important;
}
.douawe-toast[hidden]{ display:none !important; }
.douawe-toast strong{ color:var(--ink-soft) !important; font-size:14.5px !important; }
.douawe-toast > span:not(.toast-actions){ color:var(--muted) !important; line-height:1.45 !important; font-size:12.5px !important; }
.douawe-toast .toast-actions{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:8px !important;
  margin-top:2px !important;
}
.douawe-toast .toast-actions .card-cart-confirm,
.douawe-toast .toast-actions .cart-remove-confirm{
  flex:none !important;
  min-height:42px !important;
  padding:9px 12px !important;
  border:1px solid rgba(42,31,61,.12) !important;
  border-radius:11px !important;
  background:var(--surface-2) !important;
  color:var(--ink-soft) !important;
  font:700 13px/1.2 inherit !important;
  text-align:center !important;
  cursor:pointer !important;
}
.douawe-toast .toast-actions .card-cart-confirm.toast-primary,
.douawe-toast .toast-actions .toast-primary.card-cart-confirm,
.douawe-toast .toast-actions .cart-remove-confirm.toast-primary,
.douawe-toast .toast-actions .toast-primary.cart-remove-confirm{
  background:linear-gradient(135deg,var(--accent-light),var(--accent)) !important;
  color:var(--bg) !important;
  border-color:transparent !important;
  margin:0 !important;
  width:auto !important;
}
@media (max-width:639px){
  .douawe-toast,
  body.woocommerce .douawe-toast,
  body.woocommerce-cart .douawe-toast,
  body.woocommerce-page .douawe-toast{
    top:0 !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    width:min(280px, calc(100vw - 28px)) !important;
    max-width:calc(100vw - 28px) !important;
    height:fit-content !important;
    max-height:min(65vh, calc(100dvh - 40px)) !important;
    margin:auto !important;
    padding:14px !important;
    transform:scale(.96) !important;
    -webkit-transform:scale(.96) !important;
  }
  .douawe-toast.show,
  body.woocommerce .douawe-toast.show{
    transform:scale(1) !important;
    -webkit-transform:scale(1) !important;
  }
}

/* Même identité pour les deux barres fixes : violet profond + CTA corail. */
body.woocommerce-cart .douawe-pay-bar,
body.woocommerce-checkout .douawe-pay-bar{
  background:linear-gradient(135deg,var(--ink-soft) 0%,var(--ink-soft) 100%) !important;
  border-top:0 !important;
  box-shadow:0 -10px 28px rgba(33,22,47,.22) !important;
  padding:8px 10px max(8px,env(safe-area-inset-bottom,0px)) !important;
}
body.woocommerce-cart .douawe-pay-bar .btn-pay,
body.woocommerce-checkout .douawe-pay-bar .btn-pay,
body.woocommerce-checkout .douawe-pay-bar #place_order.btn-pay{
  background:linear-gradient(135deg,var(--accent-light) 0%,var(--accent) 100%) !important;
  color:var(--bg) !important;
  border:0 !important;
  border-radius:13px !important;
  box-shadow:0 7px 18px rgba(232,77,44,.25) !important;
}
body.woocommerce-cart .douawe-pay-bar .btn-pay-total,
body.woocommerce-checkout .douawe-pay-bar .btn-pay-total{
  color:var(--bg) !important;
}

/* Cartes produits : image plus basse/compacte (hauteur réduite partout). */
.woocommerce ul.products li.product a img{
  aspect-ratio:1.25 / 1 !important;
  height:auto !important;
  object-fit:cover !important;
}
.promo-item .p-thumb{
  aspect-ratio:1.25 / 1 !important;
}
@media (max-width:639px){
  .woocommerce ul.products li.product a img,
  .promo-item .p-thumb{
    aspect-ratio:1.2 / 1 !important;
  }
}

/* Fiche produit : image principale beaucoup plus compacte. */
.douawe-pg-main{
  aspect-ratio:1.35 / 1 !important;
  max-height:190px !important;
  border-radius:14px !important;
}
.douawe-pg-main img{
  max-height:175px !important;
}
@media (min-width:860px){
  .douawe-pg-main{ max-height:230px !important; }
  .douawe-pg-main img{ max-height:210px !important; }
}

/* Quantité fiche produit : petit stepper explicite - / nombre / +. */
.woocommerce div.product form.cart .quantity{
  display:flex !important;
  align-items:center !important;
  gap:0 !important;
  width:auto !important;
  height:40px !important;
  border:1px solid var(--line) !important;
  border-radius:999px !important;
  background:var(--bg) !important;
  overflow:hidden !important;
  flex:0 0 auto !important;
}
.woocommerce div.product form.cart .quantity .douawe-qty-minus,
.woocommerce div.product form.cart .quantity .douawe-qty-plus{
  width:34px !important;
  height:40px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  background:var(--surface-2) !important;
  color:var(--ink-soft) !important;
  font-size:18px !important;
  font-weight:800 !important;
  line-height:40px !important;
  cursor:pointer !important;
}
.woocommerce div.product form.cart .quantity .douawe-qty-minus:active,
.woocommerce div.product form.cart .quantity .douawe-qty-plus:active{
  background:var(--surface-2) !important;
}
.woocommerce div.product form.cart .quantity input.qty{
  width:34px !important;
  height:40px !important;
  min-width:34px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:var(--bg) !important;
  color:var(--ink-soft) !important;
  font-size:14px !important;
  font-weight:800 !important;
  text-align:center !important;
  box-shadow:none !important;
}

/* Bouton Ajouter au panier principal : petit, net, même esprit que les barres. */
.woocommerce div.product form.cart .single_add_to_cart_button{
  flex:0 0 auto !important;
  width:auto !important;
  min-width:0 !important;
  height:40px !important;
  min-height:40px !important;
  padding:0 16px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,var(--accent-light),var(--accent)) !important;
  color:var(--bg) !important;
  font-size:13px !important;
  font-weight:800 !important;
  box-shadow:0 6px 16px rgba(232,77,44,.22) !important;
}

/* Barre Ajouter de la fiche produit : vraie action WooCommerce, compacte et fixe. */
.douawe-sticky-buy{
  position:fixed !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  width:100vw !important;
  max-width:100vw !important;
  box-sizing:border-box !important;
  padding:8px 10px max(8px,env(safe-area-inset-bottom,0px)) !important;
  background:linear-gradient(135deg,var(--ink-soft) 0%,var(--ink-soft) 100%) !important;
  border-top:0 !important;
  box-shadow:0 -10px 28px rgba(33,22,47,.22) !important;
  z-index:10000 !important;
}
.douawe-sticky-buy[hidden]{ display:none !important; }
.douawe-sticky-buy .sticky-price{
  color:var(--bg) !important;
  font-size:14px !important;
}
.douawe-sticky-buy .sticky-cta{
  flex:0 0 auto !important;
  width:auto !important;
  min-width:150px !important;
  height:40px !important;
  padding:0 16px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,var(--accent-light),var(--accent)) !important;
  color:var(--bg) !important;
  font-size:13px !important;
  font-weight:800 !important;
  box-shadow:0 6px 16px rgba(232,77,44,.25) !important;
}

/* Les 3 engagements tiennent sur une seule ligne sur la fiche produit. */
.douawe-trust-mini{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:4px !important;
  width:100% !important;
  max-width:100% !important;
  overflow:hidden !important;
  margin-top:12px !important;
}
.douawe-trust-mini span{
  flex:1 1 0 !important;
  min-width:0 !important;
  justify-content:center !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  background:var(--surface) !important;
  padding:6px 4px !important;
  border-radius:8px !important;
  font-size:10.5px !important;
}

/* Sur très petits écrans, le texte des engagements reste lisible sans créer
   de largeur supplémentaire. */
@media (max-width:360px){
  .douawe-trust-mini span{ font-size:9.5px !important; padding-left:2px !important; padding-right:2px !important; }
  .douawe-sticky-buy .sticky-cta{ min-width:136px !important; padding:0 12px !important; }
}


/* =========================================================
   V30 — FINITIONS UX DEMANDÉES
   ========================================================= */

/* Cartes produits : bouton Ajouter au panier réduit de moitié environ,
   afin que quantité + bouton tiennent sur une seule ligne. */
@media (max-width:899px){
  .woocommerce div.product form.cart .single_add_to_cart_button{
    width:50% !important;
    max-width:50% !important;
    min-width:0 !important;
    padding-left:8px !important;
    padding-right:8px !important;
    font-size:12px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  .woocommerce div.product form.cart .quantity{
    flex:0 0 auto !important;
  }
}

/* Suppression panier : même carte blanche centrée que « déjà dans le panier ». */
body.woocommerce-cart .douawe-toast{ z-index:12000 !important; }

/* Favoris : bouton continuer boutique + icône panier sur carte */
.douawe-wish-continue{
  margin-top:20px;
  text-align:center;
}
.douawe-continue-shop{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:10px 18px !important;
  border-radius:12px !important;
  background:var(--dark, var(--ink-soft)) !important;
  color:var(--bg) !important;
  font-weight:700 !important;
  text-decoration:none !important;
}
.douawe-wish-card{
  position:relative !important;
}
.douawe-wish-card .wish-cart-btn,
.douawe-wish-card .douawe-card-cart-btn{
  position:absolute !important;
  right:8px !important;
  bottom:8px !important;
}
.woocommerce-checkout .douawe-phone-secondary .description,
.woocommerce-checkout .douawe-phone-primary .description{
  display:none !important;
}
.douawe-phone-hint{
  font-weight:500;
  color:var(--muted, var(--muted));
  font-size:0.92em;
}

/* Accueil + boutique : cartes produits plus basses (image moins haute). */
.promo-item .p-thumb{
  aspect-ratio:1.25 / 1 !important;
  background:var(--bg) !important;
}
.promo-item .p-thumb img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  background:var(--bg) !important;
}
.promo-item .p-info{ padding:5px 6px 6px !important; }
.promo-item .p-info h3{
  min-height:0 !important;
  font-size:10.5px !important;
  line-height:1.25 !important;
  margin-bottom:2px !important;
}
.woocommerce ul.products li.product a img{
  aspect-ratio:1.25 / 1 !important;
  height:auto !important;
  object-fit:cover !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  min-height:0 !important;
  padding:5px 6px 0 !important;
  font-size:10.5px !important;
  line-height:1.25 !important;
}
.woocommerce ul.products li.product .price{
  padding:2px 6px 0 !important;
  font-size:12px !important;
}
.woocommerce ul.products li.product .button{
  margin:5px 6px 6px !important;
  padding:5px 8px !important;
  font-size:10.5px !important;
}
@media (max-width:639px){
  .promo-item{ width:calc((100vw - 42px) / 2) !important; min-width:140px !important; max-width:170px !important; }
  .woocommerce ul.products li.product a img,
  .promo-item .p-thumb{
    aspect-ratio:1.2 / 1 !important;
  }
}

/* Second contact checkout : petit texte explicatif sous le champ. */
.woocommerce-checkout .douawe-phone-secondary .description{
  display:block !important;
  margin:5px 0 0 !important;
  color:var(--muted) !important;
  font-size:10.5px !important;
  line-height:1.35 !important;
}

/* =========================================================
   V32 — panier vide, suggestions, galerie, AJAX, z-index
   ========================================================= */

/* Suggestions panier vide : même icône panier que la boutique */
.woocommerce-cart .sug-card{
  position:relative !important;
}
.woocommerce-cart .sug-card .sug-link{
  display:block;
  color:inherit;
  text-decoration:none;
}
.woocommerce-cart .sug-card .sug-cart-btn,
.woocommerce-cart .sug-card .douawe-card-cart-btn{
  position:absolute !important;
  right:8px !important;
  bottom:8px !important;
  z-index:5 !important;
}

/* Upsell panier : icône bien visible comme en boutique */
.douawe-cart-upsell .upsell-card{
  position:relative !important;
}
.douawe-cart-upsell .upsell-cart-btn,
.douawe-cart-upsell .douawe-card-cart-btn{
  position:absolute !important;
  right:8px !important;
  bottom:8px !important;
  z-index:5 !important;
  display:flex !important;
}
.douawe-cart-upsell .upsell-info{
  padding-right:48px !important;
}

/* Galerie produit : dots + compteur de progression */
.douawe-pg-main{ position:relative !important; }
.douawe-pg-progress{
  position:absolute;
  left:50%;
  bottom:10px;
  transform:translateX(-50%);
  display:flex;
  gap:6px;
  z-index:3;
  padding:4px 8px;
  border-radius:100px;
  background:rgba(0,0,0,.28);
}
.douawe-pg-dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:rgba(255,255,255,.45);
  transition:background .2s, transform .2s;
  cursor:pointer;
}
.douawe-pg-dot.is-active{
  background:var(--bg);
  transform:scale(1.25);
}
.douawe-pg-counter{
  position:absolute;
  top:10px;
  right:10px;
  z-index:3;
  font-size:11px;
  font-weight:700;
  color:var(--bg);
  background:rgba(0,0,0,.4);
  padding:3px 8px;
  border-radius:100px;
  line-height:1.2;
  pointer-events:none;
}
.douawe-pg-main img{
  transition:opacity .18s ease;
}

/* AJAX panier : transition douce */
.douawe-ajax-fade{
  opacity:.55;
  transition:opacity .18s ease;
}
.douawe-ajax-fade-in{
  opacity:1 !important;
}
.cart-item.douawe-qty-flash{
  box-shadow:0 0 0 2px rgba(240,100,60,.35);
  transition:box-shadow .25s ease;
}

/* Hiérarchie z-index claire
   header 1000 < pay-bar 2000 < menu 11050 < toast 12000 */
body.woocommerce-cart .douawe-pay-bar,
body.woocommerce-checkout .douawe-pay-bar{
  z-index:2000 !important;
}
.mobile-menu{
  z-index:11050 !important;
}
.douawe-toast{
  z-index:12000 !important;
}

/* Suggestions panier vide : cœur favoris en haut à droite */
.woocommerce-cart .sug-card .sug-wish-btn,
.woocommerce-cart .sug-card .douawe-wish-btn--loop{
  position:absolute !important;
  top:8px !important;
  right:8px !important;
  left:auto !important;
  z-index:6 !important;
  width:34px !important;
  height:34px !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.95) !important;
  box-shadow:0 2px 8px rgba(0,0,0,.12) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:0 !important;
  padding:0 !important;
  color:var(--accent) !important;
  cursor:pointer !important;
}
.woocommerce-cart .sug-card .sug-wish-btn.is-active,
.woocommerce-cart .sug-card .douawe-wish-btn--loop.is-active{
  color:var(--accent) !important;
}

/* =========================================================
   V34 — Mes commandes + bottom sheet de suivi
   ========================================================= */
.douawe-orders-hint{
  font-size:13px;
  color:var(--muted);
  margin:-4px 0 14px;
}
.order-card--tappable{
  cursor:pointer;
  transition:box-shadow .15s, border-color .15s, transform .15s;
}
.order-card--tappable:hover,
.order-card--tappable:focus-visible{
  border-color:var(--accent, var(--accent));
  box-shadow:0 6px 18px rgba(232,77,44,.12);
  outline:none;
}
.order-card--tappable .order-tap-hint{
  margin-top:10px;
  font-size:12.5px;
  font-weight:700;
  color:var(--accent, var(--accent));
}

/* Bottom sheet */
.douawe-order-sheet{
  position:fixed;
  inset:0;
  z-index:13000;
  display:flex;
  align-items:flex-end;
  justify-content:center;
}
.douawe-order-sheet[hidden]{ display:none !important; }
.douawe-order-sheet-backdrop{
  position:absolute;
  inset:0;
  background:rgba(26,18,40,.45);
}
.douawe-order-sheet-panel{
  position:relative;
  z-index:1;
  width:100%;
  max-width:480px;
  max-height:min(88vh, 640px);
  overflow:auto;
  background:var(--bg);
  border-radius:18px 18px 0 0;
  padding:8px 16px calc(16px + env(safe-area-inset-bottom, 0px));
  box-shadow:0 -12px 40px rgba(25,18,40,.2);
  transform:translateY(100%);
  transition:transform .28s cubic-bezier(.4,0,.2,1);
}
.douawe-order-sheet.is-open .douawe-order-sheet-panel{
  transform:translateY(0);
}
.douawe-order-sheet-handle{
  width:40px;
  height:4px;
  border-radius:100px;
  background:rgba(42,31,61,.15);
  margin:6px auto 12px;
}
.douawe-order-sheet-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.douawe-order-sheet .timeline{
  margin:4px 0 8px;
}
.douawe-order-sheet-close{
  display:block;
  width:100%;
  margin-top:12px;
  min-height:44px;
  border:1.5px solid var(--line, var(--surface-2));
  border-radius:12px;
  background:var(--surface-2);
  font:700 14px/1.2 inherit;
  color:var(--ink, var(--ink-soft));
  cursor:pointer;
}
body.douawe-sheet-open{
  overflow:hidden;
}

/* =========================================================
   V35 — Dashboard compte style marketplace (type Jumia)
   ========================================================= */
.douawe-dashboard--jumia{
  max-width:560px;
  margin:0 auto;
  padding:8px 0 32px;
}
.douawe-dashboard--jumia .dash-welcome{
  padding:8px 4px 16px;
}
.douawe-dashboard--jumia .dash-welcome h1{
  font-size:20px;
  font-weight:800;
  margin:0 0 4px;
  color:var(--ink, var(--ink-soft));
  line-height:1.25;
}
.douawe-dashboard--jumia .dash-email{
  display:inline-block;
  font-size:14px;
  font-weight:600;
  color:var(--gold);
  text-decoration:none;
}
.douawe-dashboard--jumia .dash-email:hover{ text-decoration:underline; }

.douawe-dashboard--jumia .dash-cta-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:0 0 18px;
}
.douawe-dashboard--jumia .dash-cta{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:48px;
  padding:10px 12px;
  border-radius:8px;
  font-weight:700;
  font-size:14px;
  text-decoration:none;
  box-sizing:border-box;
}
.douawe-dashboard--jumia .dash-cta--chat{
  background:var(--gold);
  color:var(--bg);
  border:0;
}
.douawe-dashboard--jumia .dash-cta--chat:hover{ filter:brightness(.96); color:var(--bg); }
.douawe-dashboard--jumia .dash-cta--wa{
  background:var(--bg);
  color:var(--whatsapp);
  border:1.5px solid var(--whatsapp);
}
.douawe-dashboard--jumia .dash-cta--wa:hover{ background:rgba(37,211,102,.06); color:var(--whatsapp); }
.douawe-dashboard--jumia .dash-cta-ico{
  display:inline-flex;
  align-items:center;
  line-height:1;
}

.douawe-dashboard--jumia .dash-section{ margin-top:8px; }
.douawe-dashboard--jumia .dash-section-label{
  font-size:13px;
  font-weight:600;
  color:var(--muted);
  padding:12px 4px 8px;
}
.douawe-dashboard--jumia .dash-list{
  background:var(--bg);
  border-radius:0;
  overflow:hidden;
}
.douawe-dashboard--jumia .dash-row{
  display:flex;
  align-items:center;
  gap:14px;
  padding:16px 4px;
  border-bottom:1px solid var(--surface-2);
  color:var(--ink, var(--ink-soft));
  text-decoration:none;
  min-height:52px;
  box-sizing:border-box;
}
.douawe-dashboard--jumia .dash-row:last-child{ border-bottom:none; }
.douawe-dashboard--jumia .dash-row:active,
.douawe-dashboard--jumia .dash-row:hover{ background:var(--surface-2); }
.douawe-dashboard--jumia .dash-row-ico{
  flex:0 0 28px;
  width:28px;
  text-align:center;
  font-size:18px;
  line-height:1;
  opacity:.9;
}
.douawe-dashboard--jumia .dash-row-label{
  flex:1;
  font-size:15px;
  font-weight:500;
  line-height:1.3;
}
.douawe-dashboard--jumia .dash-row-arrow{
  color:var(--muted-soft);
  font-size:20px;
  font-weight:300;
  line-height:1;
}
.douawe-dashboard--jumia .dash-badge{
  min-width:20px;
  height:20px;
  padding:0 6px;
  border-radius:100px;
  background:var(--accent, var(--accent));
  color:var(--bg);
  font-size:11px;
  font-weight:700;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.douawe-dashboard--jumia .dash-logout-wrap{
  margin-top:28px;
  text-align:center;
  padding:8px 0 16px;
}
.douawe-dashboard--jumia .dash-logout{
  display:inline-block;
  font-size:15px;
  font-weight:700;
  color:var(--gold);
  text-decoration:none;
  padding:10px 16px;
}
.douawe-dashboard--jumia .dash-logout:hover{ text-decoration:underline; }

@media (max-width:767px){
  .douawe-account-wrap{
    padding-left:12px !important;
    padding-right:12px !important;
  }
}

/* =========================================================
   V37 — Nav "Mon compte" : visible sur les sous-pages, masquée
   uniquement sur le tableau de bord (où la liste dash-row fait
   déjà office de navigation). L'ancienne règle V36 la masquait
   partout, ce qui rendait Commandes/Adresses/Mon compte sans
   aucun moyen d'en repartir.
   ========================================================= */
/* La navigation reste visible sur le tableau de bord : elle devient le
   sélecteur principal Dashboard / Commandes demandé pour Mon compte. */
body.woocommerce-account .woocommerce-MyAccount-content,
body.woocommerce-account .douawe-account-content{
  width:100% !important;
  max-width:100% !important;
  float:none !important;
  margin:0 !important;
}


/* Badge WhatsApp sur Aide & Assistance */
.douawe-dashboard--jumia .dash-wa-tag{
  display:inline-block;
  margin-left:8px;
  padding:2px 8px;
  border-radius:100px;
  background:rgba(37,211,102,.12);
  color:var(--whatsapp);
  font-size:11px;
  font-weight:700;
  vertical-align:middle;
}
.douawe-dashboard--jumia .dash-wa-ico{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

/* Promo-item (accueil) : même config icônes que boutique */
.promo-item{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  text-decoration:none !important;
  color:inherit !important;
}
.promo-item .promo-item-link{
  display:block;
  color:inherit;
  text-decoration:none;
  flex:1;
}
.promo-item .promo-wish-btn,
.promo-item .douawe-wish-btn--loop{
  position:absolute !important;
  top:8px !important;
  right:8px !important;
  left:auto !important;
  z-index:6 !important;
  width:34px !important;
  height:34px !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.95) !important;
  box-shadow:0 2px 8px rgba(0,0,0,.12) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:0 !important;
  padding:0 !important;
  color:var(--accent) !important;
  cursor:pointer !important;
}
.promo-item .douawe-card-cart-btn--promo,
.promo-item .douawe-card-cart-btn{
  position:absolute !important;
  right:8px !important;
  bottom:8px !important;
  z-index:6 !important;
  display:flex !important;
}

/* Upsell : cœur favoris */
.douawe-cart-upsell .upsell-wish-btn{
  position:absolute !important;
  top:8px !important;
  right:8px !important;
  z-index:6 !important;
  width:34px !important;
  height:34px !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.95) !important;
  box-shadow:0 2px 8px rgba(0,0,0,.12) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:0 !important;
  padding:0 !important;
  color:var(--accent) !important;
  cursor:pointer !important;
}


/* =========================================================
   V2 — Mon compte : commandes en accordéon inline
   ========================================================= */
.douawe-dashboard--jumia,
.douawe-account-nav,
.douawe-orders,
.douawe-orders-list,
.douawe-order-accordion{
  font-weight:700;
}
.douawe-dashboard--jumia .dash-email{
  display:block;
  color:var(--gold);
  font-weight:700;
  text-decoration:none !important;
  cursor:default;
  pointer-events:none;
}
.douawe-dashboard--jumia .dash-row-label{
  font-weight:700;
}
.douawe-dashboard--jumia .dash-section-label{
  font-weight:800;
}
.douawe-dashboard--jumia .dash-row-ico,
.woocommerce-MyAccount-navigation .nav-ico,
.douawe-order-toggle svg,
.douawe-order-cancel svg,
.dash-cta-ico svg{
  width:20px;
  height:20px;
  display:inline-block;
  flex:0 0 auto;
}
.woocommerce-MyAccount-navigation .nav-ico{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.douawe-dashboard--jumia .dash-row-ico{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

/* Cacher complètement l'ancien suivi indépendant s'il est encore appelé ailleurs. */
.douawe-order-sheet{ display:none !important; }

.douawe-orders{
  width:100%;
  max-width:760px;
  margin:0 auto;
}
.douawe-orders-heading{
  margin-bottom:12px;
}
.douawe-orders .douawe-account-title{
  margin:0 0 4px;
  font-size:20px;
  font-weight:800;
}
.douawe-orders-hint{
  margin:0;
  color:var(--muted);
  font-size:12.5px;
  font-weight:600;
}
.douawe-orders-list{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.douawe-order-accordion{
  background:var(--bg);
  border:1px solid var(--line);
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 2px 9px rgba(0,0,0,.05);
}
.douawe-order-row{
  min-height:58px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
}
.douawe-order-row-main{
  min-width:0;
  flex:1;
  display:flex;
  align-items:center;
  gap:10px;
}
.douawe-order-number{
  white-space:nowrap;
  font-size:15px;
  font-weight:800;
  color:var(--ink);
}
.douawe-order-date{
  white-space:nowrap;
  color:var(--muted);
  font-size:11.5px;
  font-weight:600;
}
.douawe-order-status{
  margin-left:auto;
  white-space:nowrap;
}
.douawe-order-toggle{
  width:38px;
  height:38px;
  flex:0 0 38px;
  border:1px solid var(--line);
  border-radius:50%;
  background:var(--surface);
  color:var(--ink);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
  cursor:pointer;
}
.douawe-order-toggle:hover{
  border-color:var(--accent);
  color:var(--accent);
}
.douawe-order-toggle svg{
  width:18px;
  height:18px;
  transition:transform .2s ease;
}
.douawe-order-toggle[aria-expanded="true"] svg{
  transform:rotate(180deg);
}
.douawe-order-details{
  border-top:1px solid var(--line);
  padding:14px 12px 16px;
}
.douawe-order-details[hidden]{ display:none !important; }
.douawe-order-items{
  width:100%;
}
.douawe-order-item-line,
.douawe-order-total-line{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:42px;
  border-bottom:1px solid var(--surface-2);
}
.douawe-order-item-name{
  min-width:0;
  flex:1;
  display:flex;
  align-items:baseline;
  gap:7px;
}
.douawe-order-item-name > span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:13px;
  font-weight:700;
}
.douawe-order-item-name small{
  flex:0 0 auto;
  color:var(--muted);
  font-size:11px;
  font-weight:700;
}
.douawe-order-item-price{
  white-space:nowrap;
  font-size:13px;
  font-weight:800;
}
.douawe-order-total-line{
  min-height:48px;
  border-bottom:none;
  border-top:1px solid var(--line);
  margin-top:2px;
  font-size:14px;
  font-weight:800;
}
.douawe-order-total-line strong{
  font-size:16px;
  font-weight:900;
}

/* Parcours horizontal : une ligne droite + points */
.douawe-order-progress{
  position:relative;
  margin:20px 2px 12px;
  padding:0 0 34px;
}
.douawe-progress-line{
  position:absolute;
  left:8%;
  right:8%;
  top:8px;
  height:2px;
  background:var(--line);
  z-index:0;
}
.douawe-progress-steps{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:4px;
}
.douawe-progress-step{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.douawe-progress-dot{
  width:16px;
  height:16px;
  border-radius:50%;
  background:var(--bg);
  border:2px solid var(--line);
  box-sizing:border-box;
  margin-bottom:8px;
}
.douawe-progress-step.is-done .douawe-progress-dot,
.douawe-progress-step.is-current .douawe-progress-dot{
  background:var(--accent);
  border-color:var(--accent);
}
.douawe-progress-step.is-current .douawe-progress-dot{
  box-shadow:0 0 0 4px rgba(232,77,44,.12);
}
.douawe-progress-label{
  max-width:100%;
  font-size:10px;
  line-height:1.25;
  font-weight:700;
  color:var(--muted);
}
.douawe-progress-step.is-done .douawe-progress-label,
.douawe-progress-step.is-current .douawe-progress-label{
  color:var(--ink);
}
.douawe-order-actions{
  display:flex;
  justify-content:flex-end;
  padding-top:4px;
}
.douawe-order-cancel{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:1px solid var(--danger, #B91C1C);
  border-radius:10px;
  padding:9px 14px;
  background:var(--bg);
  color:var(--danger, #B91C1C);
  font:800 12.5px/1.2 inherit;
  cursor:pointer;
}
.douawe-order-cancel:hover{
  background:var(--danger-soft, #FEE2E2);
}
.douawe-order-cancel:disabled{
  opacity:.6;
  cursor:wait;
}
.douawe-order-cancel svg{
  width:16px;
  height:16px;
}
.douawe-orders-pagination{
  display:flex;
  justify-content:center;
  gap:6px;
  margin-top:16px;
}
.douawe-orders-pagination a{
  width:34px;
  height:34px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--line);
  text-decoration:none;
  font-weight:800;
}
.douawe-orders-pagination a.is-current{
  background:var(--ink);
  color:var(--bg);
  border-color:var(--ink);
}

@media (max-width:560px){
  .douawe-order-row-main{
    gap:7px;
  }
  .douawe-order-date{
    display:none;
  }
  .douawe-order-status{
    margin-left:auto;
  }
  .douawe-order-row{
    padding:9px 10px;
  }
  .douawe-order-details{
    padding:12px 10px 14px;
  }
  .douawe-progress-label{
    font-size:9px;
  }
}


/* =========================================================
   V39 — Mon compte : onglets Dashboard / Commandes + palette unifiée
   ========================================================= */
body.woocommerce-account .douawe-account-wrap{
  max-width:760px !important;
  padding-left:12px !important;
  padding-right:12px !important;
}

body.woocommerce-account .douawe-account-nav{
  width:100%;
  margin:18px auto 26px;
}
body.woocommerce-account .douawe-account-nav ul{
  display:grid !important;
  grid-template-columns:1fr 1fr;
  gap:10px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
}
body.woocommerce-account .douawe-account-nav li{
  min-width:0;
  width:100%;
}
body.woocommerce-account .douawe-account-nav li a{
  min-height:58px;
  width:100%;
  justify-content:center;
  gap:9px;
  padding:12px 14px !important;
  border:0 !important;
  border-radius:32px !important;
  background:#F7F7F8 !important;
  color:#1A1228 !important;
  font-size:15px !important;
  font-weight:700 !important;
  box-shadow:none !important;
}
body.woocommerce-account .douawe-account-nav li.is-active a,
body.woocommerce-account .douawe-account-nav li.is-active a:hover{
  background:#1A1228 !important;
  color:#FFFFFF !important;
}
body.woocommerce-account .douawe-account-nav .nav-ico{
  width:22px;
  height:22px;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  font-size:0;
}
body.woocommerce-account .douawe-account-nav .nav-ico svg{
  width:22px;
  height:22px;
  stroke:currentColor;
}

/* Palette cohérente dans la zone compte : violet profond + gris doux.
   Le vert reste réservé à WhatsApp. */
body.woocommerce-account .douawe-orders .status-pill.pending{
  background:#F5E8C8 !important;
  color:#7A5600 !important;
}
body.woocommerce-account .douawe-orders .status-pill.transit{
  background:#EDE8F4 !important;
  color:#1A1228 !important;
}
body.woocommerce-account .douawe-orders .status-pill.delivered{
  background:#E8F4EE !important;
  color:#1A7A4C !important;
}
body.woocommerce-account .douawe-orders .status-pill.cancelled{
  background:#F0EEF3 !important;
  color:#6B6575 !important;
}
body.woocommerce-account .douawe-progress-line{
  background:#D9D4E0 !important;
}
body.woocommerce-account .douawe-progress-step.is-done .douawe-progress-dot,
body.woocommerce-account .douawe-progress-step.is-current .douawe-progress-dot{
  background:#1A1228 !important;
  border-color:#1A1228 !important;
}
body.woocommerce-account .douawe-progress-step.is-current .douawe-progress-dot{
  box-shadow:0 0 0 4px rgba(26,18,40,.10) !important;
}
body.woocommerce-account .douawe-order-cancel{
  border-color:#1A1228 !important;
  color:#1A1228 !important;
  background:#FFFFFF !important;
}
body.woocommerce-account .douawe-order-cancel:hover{
  background:#F7F7F8 !important;
}
body.woocommerce-account .douawe-order-toggle{
  background:#F7F7F8 !important;
  border-color:#E4E0E8 !important;
}
body.woocommerce-account .douawe-order-toggle:hover{
  color:#1A1228 !important;
  border-color:#1A1228 !important;
}

@media (max-width:420px){
  body.woocommerce-account .douawe-account-nav ul{ gap:8px !important; }
  body.woocommerce-account .douawe-account-nav li a{
    min-height:54px;
    padding:10px 9px !important;
    font-size:14px !important;
  }
}

/* =========================================================
   V40 — Mon compte : compteur sur l'onglet Commandes
   et stabilité du sélecteur de langue du header.
   ========================================================= */
body.woocommerce-account .douawe-account-nav li a{
  position:relative;
}
body.woocommerce-account .douawe-account-nav .nav-order-badge{
  min-width:21px;
  height:21px;
  padding:0 6px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#E84D2C;
  color:#fff;
  font-size:11px;
  line-height:1;
  font-weight:800;
  flex:0 0 auto;
}

/* Le sélecteur GTranslate reste visible sur toutes les pages, y compris Mon compte. */
.douawe-site-header .head-actions .lang-switch{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  position:relative !important;
  z-index:20 !important;
  flex:0 0 auto !important;
  min-width:30px !important;
}
.douawe-site-header .head-actions .lang-switch > *{
  visibility:visible !important;
  opacity:1 !important;
}
@media (max-width:899px){
  .douawe-site-header .head-actions .lang-switch{
    width:auto !important;
    max-width:82px !important;
    overflow:visible !important;
  }
  .douawe-site-header .head-actions .lang-switch img{
    display:inline-block !important;
    visibility:visible !important;
  }
}


/* =========================================================
   V41 — Uniformisation finale Panier / Mon compte / cartes / footer
   ========================================================= */
/* Code promo : le bouton doit rester parfaitement lisible. */
body.woocommerce-cart .promo-box button,
body.woocommerce-cart .promo-box button:hover,
body.woocommerce-cart .promo-box button:focus{
  color:#fff !important;
  font-weight:800 !important;
}

/* Menu hamburger : le panneau doit être totalement opaque même sur le panier. */
body.woocommerce-cart .mobile-menu,
body.woocommerce-checkout .mobile-menu,
body.woocommerce-account .mobile-menu{
  background:rgba(26,18,40,.48) !important;
}
body.woocommerce-cart .mobile-panel,
body.woocommerce-checkout .mobile-panel,
body.woocommerce-account .mobile-panel{
  background:#fff !important;
  opacity:1 !important;
  box-shadow:12px 0 35px rgba(26,18,40,.16) !important;
  isolation:isolate;
}

/* Confirmation de suppression : véritable superposition au-dessus de tout le panier. */
body.woocommerce-cart .douawe-toast{
  z-index:999999 !important;
  box-shadow:0 20px 60px rgba(25,18,40,.25), 0 0 0 100vmax rgba(26,18,40,.34) !important;
}

/* Cartes "Souvent acheté avec" = mêmes proportions, coins, icônes et CTA que les cartes produit. */
body.woocommerce-cart .douawe-cart-upsell .upsell-scroll{
  align-items:stretch !important;
}
body.woocommerce-cart .douawe-cart-upsell .upsell-card{
  position:relative !important;
  flex:0 0 148px !important;
  width:148px !important;
  min-width:148px !important;
  height:280px !important;
  display:flex !important;
  flex-direction:column !important;
  background:var(--bg) !important;
  border:1px solid var(--line) !important;
  border-radius:10px !important;
  overflow:hidden !important;
  box-shadow:0 2px 8px rgba(0,0,0,.06) !important;
}
body.woocommerce-cart .douawe-cart-upsell .upsell-img{
  flex:0 0 148px !important;
  width:148px !important;
  height:148px !important;
  aspect-ratio:1 / 1 !important;
  background:var(--surface) !important;
  display:block !important;
}
body.woocommerce-cart .douawe-cart-upsell .upsell-img img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}
body.woocommerce-cart .douawe-cart-upsell .upsell-info{
  position:relative !important;
  flex:1 1 auto !important;
  min-height:0 !important;
  padding:8px 8px 48px !important;
  box-sizing:border-box !important;
}
body.woocommerce-cart .douawe-cart-upsell .upsell-title{
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
  min-height:32px !important;
  font-size:12px !important;
  line-height:1.3 !important;
  font-weight:700 !important;
}
body.woocommerce-cart .douawe-cart-upsell .upsell-price{
  margin:5px 0 0 !important;
  font-size:12.5px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
}
body.woocommerce-cart .douawe-cart-upsell .upsell-wish-btn{
  width:32px !important;
  height:32px !important;
  top:7px !important;
  right:7px !important;
  z-index:8 !important;
}
body.woocommerce-cart .douawe-cart-upsell .upsell-cart-btn,
body.woocommerce-cart .douawe-cart-upsell .douawe-card-cart-btn{
  right:7px !important;
  bottom:7px !important;
  width:36px !important;
  height:36px !important;
  min-width:36px !important;
  min-height:36px !important;
  border-radius:50% !important;
  z-index:8 !important;
}
body.woocommerce-cart .douawe-cart-upsell .upsell-cart-btn svg,
body.woocommerce-cart .douawe-cart-upsell .douawe-card-cart-btn svg{
  width:18px !important;
  height:18px !important;
}

/* Cartes du panier vide : mêmes dimensions et mêmes CTA que les recommandations. */
body.woocommerce-cart .sug-card{
  flex:0 0 148px !important;
  width:148px !important;
  min-width:148px !important;
  height:280px !important;
  display:flex !important;
  flex-direction:column !important;
  border-radius:10px !important;
}
body.woocommerce-cart .sug-card .img{
  width:148px !important;
  height:148px !important;
  flex:0 0 148px !important;
}
body.woocommerce-cart .sug-card .info{
  flex:1 1 auto !important;
  padding:8px 8px 48px !important;
}

/* Détails commande : photo + nom + quantité + total sur une seule ligne. */
.douawe-order-item-line{
  min-height:50px !important;
  gap:7px !important;
  padding:4px 0 !important;
}
.douawe-order-item-thumb{
  width:38px !important;
  height:38px !important;
  flex:0 0 38px !important;
  border-radius:8px !important;
  overflow:hidden !important;
  background:var(--surface) !important;
}
.douawe-order-item-thumb img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}
.douawe-order-item-name{
  flex:1 1 auto !important;
  min-width:0 !important;
}
.douawe-order-item-name > span{
  font-size:11.5px !important;
  line-height:1.2 !important;
}
.douawe-order-item-qty{
  flex:0 0 auto !important;
  white-space:nowrap !important;
  color:var(--muted) !important;
  font-size:11px !important;
  font-weight:800 !important;
}
.douawe-order-item-price{
  flex:0 0 auto !important;
  font-size:11.5px !important;
  white-space:nowrap !important;
}
.douawe-order-actions{
  justify-content:flex-start !important;
  padding-top:10px !important;
}
.douawe-order-cancel{
  width:100% !important;
  min-height:42px !important;
  background:var(--danger-soft) !important;
  border-color:var(--danger) !important;
  color:var(--danger) !important;
  font-weight:800 !important;
}
.douawe-order-cancel:hover{
  background:var(--danger) !important;
  color:#fff !important;
}

/* Onglets Mon compte : badge de commandes compact et visible. */
.woocommerce-MyAccount-navigation .nav-order-badge{
  margin-left:auto !important;
  min-width:22px !important;
  height:22px !important;
  padding:0 6px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#DC2626 !important;
  color:#fff !important;
  font-size:11px !important;
  font-weight:900 !important;
}

/* Supprime toute CTA support côte-à-côte qui aurait encore été injectée. */
.douawe-dashboard--jumia .dash-cta-row{ display:none !important; }

/* =========================================================
   V41 — Pied de page unique et identique sur toutes les pages
   ========================================================= */
.douawe-footer{
  background:var(--dark) !important;
  color:#FBF7F0 !important;
  margin-top:28px !important;
  border-top:1px solid rgba(232,163,23,.22) !important;
}
.douawe-footer .footer-inner{
  width:100% !important;
  max-width:1100px !important;
  margin:0 auto !important;
  padding:28px 18px 20px !important;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:20px !important;
  justify-content:space-between !important;
  align-items:center !important;
  box-sizing:border-box !important;
}
.douawe-footer .footer-inner > div:first-child strong{
  color:#FBF7F0 !important;
  font-weight:800 !important;
}
.douawe-footer .footer-inner p{
  color:rgba(251,247,240,.72) !important;
}
.douawe-footer .footer-links{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  font-size:13px !important;
  font-weight:700 !important;
}
.douawe-footer .footer-links a{
  color:#E8A317 !important;
}
.douawe-footer .footer-links a:hover{
  color:#fff !important;
}
.douawe-footer .footer-bottom{
  text-align:center !important;
  padding:12px 18px 24px !important;
  font-size:12px !important;
  color:rgba(251,247,240,.55) !important;
  box-sizing:border-box !important;
}
.douawe-footer-trust-inner{
  background:rgba(26,18,40,.04) !important;
  border:1px solid rgba(232,163,23,.12) !important;
}
.douawe-footer-trust-item{
  color:#E8A317 !important;
  font-weight:700 !important;
}

@media (max-width:560px){
  body.woocommerce-cart .douawe-cart-upsell .upsell-card,
  body.woocommerce-cart .sug-card{
    flex-basis:148px !important;
    width:148px !important;
    min-width:148px !important;
    height:270px !important;
  }
  body.woocommerce-cart .douawe-cart-upsell .upsell-img,
  body.woocommerce-cart .sug-card .img{
    width:148px !important;
    height:148px !important;
    flex-basis:148px !important;
  }
  .douawe-order-item-thumb{width:34px !important;height:34px !important;flex-basis:34px !important;}
  .douawe-order-item-name > span{font-size:11px !important;}
  .douawe-order-item-price{font-size:11px !important;}
}


/* =========================================================
   V42 — FINAL : mêmes règles que main.css, y compris WooCommerce.
   ========================================================= */
.douawe-footer-trust,
.douawe-footer-trust-inner,
.douawe-footer-trust-item,
.douawe-footer,
.douawe-footer .footer-inner,
.douawe-footer .footer-bottom{box-sizing:border-box !important;}
.douawe-footer-trust{width:100% !important;max-width:1100px !important;margin:0 auto !important;padding:10px 18px 0 !important;overflow:hidden !important;}
.douawe-footer-trust-inner{width:100% !important;display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;align-items:stretch !important;border:1px solid rgba(232,163,23,.14) !important;border-radius:14px !important;background:rgba(26,18,40,.035) !important;color:var(--gold,#E8A317) !important;overflow:hidden !important;}
.douawe-footer-trust-item{min-width:0 !important;min-height:68px !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;padding:7px 6px !important;text-align:left !important;font-size:11px !important;line-height:1.15 !important;color:var(--gold,#E8A317) !important;font-weight:700 !important;border-right:1px solid rgba(42,31,61,.10) !important;}
.douawe-footer-trust-item:last-child{border-right:0 !important;}
.douawe-footer-trust-icon{width:30px !important;height:30px !important;flex:0 0 30px !important;display:flex !important;align-items:center !important;justify-content:center !important;color:inherit !important;}
.douawe-footer-trust-icon svg{width:30px !important;height:30px !important;display:block !important;}
.douawe-footer{width:100% !important;background:var(--dark,#1A1228) !important;color:#FBF7F0 !important;margin-top:28px !important;border-top:1px solid rgba(232,163,23,.22) !important;}
.douawe-footer .footer-inner{width:100% !important;max-width:1100px !important;margin:0 auto !important;padding:28px 18px 20px !important;display:flex !important;flex-wrap:wrap !important;gap:20px !important;justify-content:space-between !important;align-items:center !important;}
.douawe-footer .footer-inner > div:first-child strong{color:#FBF7F0 !important;font-weight:800 !important;}
.douawe-footer .footer-inner p{color:rgba(251,247,240,.72) !important;}
.douawe-footer .footer-links{display:flex !important;align-items:center !important;flex-wrap:wrap !important;gap:10px !important;font-size:13px !important;font-weight:700 !important;}
.douawe-footer .footer-links a{color:#E8A317 !important;text-decoration:none !important;}
.douawe-footer .footer-links a:hover{color:#fff !important;}
.douawe-footer .footer-bottom{text-align:center !important;padding:12px 18px 24px !important;font-size:12px !important;color:rgba(251,247,240,.55) !important;}
.promo-item .douawe-card-cart-btn,
.promo-item .douawe-card-cart-btn--promo{position:absolute !important;right:9px !important;bottom:9px !important;z-index:8 !important;width:40px !important;height:40px !important;min-width:40px !important;min-height:40px !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:50% !important;background:var(--accent) !important;color:var(--bg) !important;display:flex !important;align-items:center !important;justify-content:center !important;box-shadow:0 5px 16px rgba(232,77,44,.28) !important;}
.promo-item .douawe-card-cart-btn .icon,.promo-item .douawe-card-cart-btn--promo .icon{width:20px !important;height:20px !important;margin:0 !important;}
html body.woocommerce-cart #douaweToast,html body.woocommerce-cart .douawe-toast{position:fixed !important;inset:0 !important;width:min(300px,calc(100vw - 32px)) !important;max-width:calc(100vw - 32px) !important;height:max-content !important;max-height:calc(100dvh - 48px) !important;margin:auto !important;z-index:2147483647 !important;isolation:isolate !important;}
html body.woocommerce-cart #douaweToast.show,html body.woocommerce-cart .douawe-toast.show{z-index:2147483647 !important;}
html body.woocommerce-cart .cart-item,html body.woocommerce-cart .douawe-cart-wrap,html body.woocommerce-cart .douawe-pay-bar{z-index:1 !important;}
@media (max-width:520px){.douawe-footer-trust{padding:8px 8px 0 !important;}.douawe-footer-trust-item{min-height:62px !important;gap:4px !important;padding:5px 2px !important;font-size:8.5px !important;text-align:center !important;flex-direction:column !important;}.douawe-footer-trust-icon{width:25px !important;height:25px !important;flex-basis:25px !important;}.douawe-footer-trust-icon svg{width:25px !important;height:25px !important;}}
@media (max-width:360px){.douawe-footer-trust-item{font-size:8px !important;min-height:58px !important;}.douawe-footer-trust-icon{width:22px !important;height:22px !important;flex-basis:22px !important;}.douawe-footer-trust-icon svg{width:22px !important;height:22px !important;}}