/* ================================================
   panier.css — page Panier (design system prod)
   ================================================ */

.cart-wrap { max-width: 54rem; }

.cart-empty {
  background: #fff;
  border: 1px solid var(--color-border);
  border-radius: 16px;
  padding: var(--space-5);
  text-align: center;
  box-shadow: 0 0 10px rgba(0, 0, 0, .06);
}
.cart-empty p { margin-bottom: var(--space-1); }
.cart-empty p:last-child { margin-top: var(--space-3); }

.cart-table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  border: 1px solid var(--color-border);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, .08);
}
.cart-table th {
  text-align: left;
  padding: var(--space-2);
  background: var(--color-cream);
  font-weight: var(--w-medium);
  text-transform: uppercase;
  font-size: var(--fs-small);
  letter-spacing: .05em;
  color: var(--color-text-soft);
  border-bottom: 1px solid var(--color-border);
}
.cart-table td { padding: var(--space-2); border-bottom: 1px solid var(--color-border); }
.cart-table tbody tr:last-child td { border-bottom: none; }
.cart-table td strong { font-weight: var(--w-medium); }
.muted { color: var(--color-text-soft); font-size: var(--fs-small); }

.cart-remove { color: #b0503c; font-size: var(--fs-small); }
.cart-remove:hover { text-decoration: underline; }

.cart-footer {
  display: flex; justify-content: space-between; align-items: center;
  flex-wrap: wrap; gap: var(--space-3);
  margin-top: var(--space-3);
}
.cart-total p { margin-bottom: var(--space-1); }
.cart-total .cart-total-final { font-size: 1.4rem; font-weight: var(--w-light); }
.cart-actions { display: flex; gap: var(--space-2); align-items: center; flex-wrap: wrap; }
.cart-actions .btn-dark { border-radius: 28px; padding: 10px 24px; font-weight: var(--w-light); }
.cart-clear { font-size: var(--fs-small); color: var(--color-text-soft); }
.cart-clear:hover { text-decoration: underline; }

/* mobile : tableau défilable */
@media (max-width: 700px) {
  .cart-table { display: block; overflow-x: auto; }
}
/* Repère livraison (rassurance panier — audit 14/10) */
.cart-ship {
  background: #f7f2ea;
  border-left: 3px solid #8A6D4F;
  padding: 10px 14px;
  border-radius: 8px;
  margin: 10px 0 0;
}
.cart-ship--ok { border-left-color: #5a8a5c; color: #4b6b4d; }