From 6c171d3ae514301ae541dd46cfc999c1f05ee396 Mon Sep 17 00:00:00 2001
From: soufiane <soufiane@cubedesigners.com>
Date: Fri, 30 Jan 2026 14:40:01 +0100
Subject: [PATCH] wip #7957

---
 .../fluidbook/cart/fluidbook.cart.newheidi.js | 10 ++---
 style/cart/newheidi.less                      | 45 ++++++++++++++++++-
 2 files changed, 48 insertions(+), 7 deletions(-)

diff --git a/js/libs/fluidbook/cart/fluidbook.cart.newheidi.js b/js/libs/fluidbook/cart/fluidbook.cart.newheidi.js
index 42c10a16..a90c2410 100644
--- a/js/libs/fluidbook/cart/fluidbook.cart.newheidi.js
+++ b/js/libs/fluidbook/cart/fluidbook.cart.newheidi.js
@@ -235,10 +235,10 @@ FluidbookCartNewHeidi.prototype = {
             content += '<tr class="row" data-ref="' + i + '">';
             content += '<td class="reference"><span data-label="Réf">' + i + '</span></td>';
             content += '<td class="designation"><span>' + item.name + '</span></td>';
-            content += '<td class="center"><span data-label="Unités par lot">' + item.batch + '</span></td>';
-            content += '<td class="center"><span data-label="Prix du lot (EUR HT)" class="price-text">' + $this.normalizePrice(item.price.toFixed(2), false) + '</span></td>';
-            content += '<td class="quantite center"><button class="quantity-control decrease"></button><input type="text" name="qty" value="' + item.quantity + '" data-ref="' + i + '"><button class="quantity-control increase"></button></td>';
-            content += '<td class="center"><span class="subtotal-text" data-label="Sous-total (EUR HT)">' + subTotal + '</span></td>';
+            content += '<td class="lot center"><span data-label="Unités par lot">' + item.batch + '</span></td>';
+            content += '<td class="prix center"><span data-label="Prix du lot (EUR HT)" class="price-text">' + $this.normalizePrice(item.price.toFixed(2), false) + '</span></td>';
+            content += '<td class="quantite center"><span data-label="Quantité"></span><button class="quantity-control decrease"></button><input type="text" name="qty" value="' + item.quantity + '" data-ref="' + i + '"><button class="quantity-control increase"></button></td>';
+            content += '<td class="subtotal center"><span class="subtotal-text" data-label="Sous-total (EUR HT)">' + subTotal + '</span></td>';
             content += '<td class="delete"><a href="#" data-cart-delete="' + i + '">' + getSpriteIcon('interface-close') + '</a></td>';
             content += '</tr>';
         });
@@ -351,7 +351,7 @@ FluidbookCartNewHeidi.prototype = {
                         <input type="text" name="address" value="${data.address ?? ''}">
                     </div><br>
                     <div class="form-group">
-                        <label for="delivery_date">Date de livraison souhaitée</label>
+                        <label for="delivery_date">Date de livraison souhaitée*</label>
                         <input type="text" name="delivery_date" value="${data.delivery_date ?? ''}">
                     </div><br> 
                     <div class="form-group textarea">
diff --git a/style/cart/newheidi.less b/style/cart/newheidi.less
index dddcc482..1a81bf56 100644
--- a/style/cart/newheidi.less
+++ b/style/cart/newheidi.less
@@ -265,6 +265,8 @@
 
       @media @breakpoint {
         margin-bottom: 20px;
+        display: flex;
+        flex-direction: column;
       }
     }
 
@@ -289,6 +291,36 @@
 
         @media @breakpoint {
           padding-left: 0;
+          order: 4;
+        }
+      }
+
+      &.lot {
+
+        @media @breakpoint {
+          order: 2;
+        }
+      }
+
+      &.prix {
+
+        @media @breakpoint {
+          order: 3;
+        }
+      }
+
+      &.subtotal {
+
+        @media @breakpoint {
+          display: none;
+        }
+      }
+
+      &.designation {
+
+        @media @breakpoint {
+          font-weight: bold;
+          order: 1;
         }
       }
 
@@ -298,12 +330,22 @@
 
       &.quantite {
         position: relative;
+
+        @media @breakpoint {
+          order: 5;
+          margin-top: 15px;
+        }
       }
 
       &.delete {
         width: 20px;
         padding: 0;
 
+        @media @breakpoint {
+          order: 6;
+          margin-top: 15px;
+        }
+
         a {
           width: 22px;
           height: 22px;
@@ -334,7 +376,6 @@
 
         @media @breakpoint {
           content: attr(data-label) ' : ';
-          font-weight: bold;
         }
       }
     }
@@ -369,7 +410,7 @@
       background-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' id='Calque_2' viewBox='0 0 4.84 1.06'><g id='panier'><path d='M0,1.06V0h4.84v1.06H0Z'/></g></svg>");
 
       @media @breakpoint {
-        left: 4px;
+        left: 74px;
       }
     }
 
-- 
2.39.5