/* =============================================================
 * MINI-PANIER ANCRE  (remplace le petit bouton flottant)
 * Onglet ouvert en bas a droite : une ligne par produit
 * (visuel, intitule, prix), puis le total. Un clic ouvre le
 * panneau de commande. La liste grandit a chaque ajout et
 * defile au-dela de sa hauteur maximale.
 * ========================================================== */
.wa-fab{
  right:1.5rem;bottom:1.5rem;width:340px;max-width:calc(100vw - 3rem);
  flex-direction:column;align-items:stretch;gap:0;padding:0;
  background:var(--black2);color:var(--text);border:1px solid var(--border2);
  text-align:left;box-shadow:none;
  transition:transform .25s,box-shadow .25s,border-color .25s;
  clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);
}
.wa-fab:hover{
  background:var(--black2);transform:translateY(-3px);
  border-color:var(--gold);box-shadow:0 0 32px var(--gold-glow);
}

/* En-tete */
.wa-dock-top{
  display:flex;align-items:center;justify-content:space-between;gap:.6rem;
  padding:.55rem .9rem;background:var(--black3);border-bottom:1px solid var(--border);
  flex-shrink:0;
}
.wa-dock-eyebrow{
  font-family:'Share Tech Mono',monospace;font-size:.55rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--gold);opacity:.8;
}
.wa-fab-count{
  background:var(--gold);color:var(--black);border-radius:0;
  font-family:'Share Tech Mono',monospace;font-size:.6rem;
  min-width:20px;height:18px;padding:0 .35rem;
  display:flex;align-items:center;justify-content:center;
}

/* Liste : une ligne par produit */
.wa-dock-list{
  display:block;max-height:232px;overflow-y:auto;overflow-x:hidden;
}
.wa-dock-line{
  display:flex;align-items:center;gap:.65rem;
  padding:.5rem .9rem;border-bottom:1px solid rgba(201,168,76,.08);
}
.wa-dock-line:last-child{border-bottom:none}
.wa-dock-thumb{
  width:34px;height:34px;flex-shrink:0;display:block;object-fit:cover;
  border:1px solid var(--border);background:var(--black);
}
.wa-dock-thumb-vide{
  display:flex;align-items:center;justify-content:center;
  color:var(--border2);font-size:.7rem;
}
.wa-dock-line-txt{flex:1;min-width:0;display:flex;align-items:baseline;gap:.4rem}
.wa-dock-line-nom{
  font-family:'Cormorant Garamond',serif;font-size:.92rem;font-weight:600;
  color:var(--text);line-height:1.2;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.wa-dock-line-qte{
  font-family:'Share Tech Mono',monospace;font-size:.55rem;
  color:var(--gold);flex-shrink:0;
}
.wa-dock-line-prix{
  font-family:'Rajdhani',sans-serif;font-size:.8rem;font-weight:700;
  color:var(--gold2);white-space:nowrap;flex-shrink:0;letter-spacing:.02em;
}

/* Surlignage bref de la ligne qui vient d'etre ajoutee */
@keyframes lcgLigneNeuve{
  0%{background:rgba(201,168,76,.16)}
  100%{background:transparent}
}
.wa-dock-line.neuve{animation:lcgLigneNeuve 1.1s ease-out}

/* Pied : total + chevron */
.wa-dock-foot{
  display:flex;align-items:center;justify-content:space-between;gap:.6rem;
  padding:.7rem .9rem;border-top:1px solid var(--border);background:var(--black3);
  flex-shrink:0;
}
.wa-dock-total{
  font-family:'Share Tech Mono',monospace;font-size:.52rem;
  letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);
}
.wa-dock-total b{
  font-family:'Cormorant Garamond',serif;font-size:1.05rem;font-weight:700;
  color:var(--gold);letter-spacing:0;margin-left:.4rem;
}
.wa-dock-cta{
  font-family:'Share Tech Mono',monospace;font-size:1.1rem;line-height:1;
  color:var(--gold);flex-shrink:0;transition:transform .25s;
}
.wa-fab:hover .wa-dock-cta{transform:translateX(3px)}

/* Confirmation d'ajout : filet et halo or, une seule fois. */
@keyframes lcgAjoutPanier{
  0%{border-color:var(--gold);box-shadow:0 0 34px var(--gold-glow)}
  100%{border-color:var(--border2);box-shadow:none}
}
.wa-fab.pulse{animation:lcgAjoutPanier .8s ease-out}

/* Vignette produit dans le panneau de commande. */
.wa-item-thumb{
  width:52px;height:52px;flex-shrink:0;display:block;object-fit:cover;
  border:1px solid var(--border);background:var(--black);
}
.wa-item-thumb-vide{
  display:flex;align-items:center;justify-content:center;
  color:var(--border2);font-size:.8rem;
}

/* -------------------------------------------------------------
 * Mobile : pas de liste. L'ecran est trop etroit pour detailler
 * la selection, on revient a une barre "Ma commande" pleine
 * largeur, avec le nombre d'articles ; le detail s'ouvre au clic.
 * ---------------------------------------------------------- */
@media(max-width:600px){
  .wa-fab{
    left:.75rem;right:.75rem;bottom:.75rem;width:auto;max-width:none;
    padding:0;font-size:inherit;border-color:var(--gold);
  }
  .wa-fab:hover{transform:none;box-shadow:none;border-color:var(--gold)}

  .wa-dock-list,
  .wa-dock-foot{display:none}

  .wa-dock-top{
    padding:.85rem 1.1rem;min-height:46px;
    background:var(--gold);border-bottom:none;
  }
  .wa-dock-eyebrow{
    font-family:'Rajdhani',sans-serif;font-size:.76rem;font-weight:700;
    letter-spacing:.18em;color:var(--black);opacity:1;
  }
  .wa-fab-count{
    background:var(--black);color:var(--gold);
    min-width:22px;height:20px;font-size:.62rem;
  }

  .wa-item-thumb{width:44px;height:44px}
}

@media(prefers-reduced-motion:reduce){
  .wa-fab,.wa-dock-cta{transition:none}
  .wa-fab.pulse,.wa-dock-line.neuve{animation:none}
}