/* ============================
   WISHLIST GRID
   ============================ */

.wishlist-card{
  border: 1px solid #eee;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.wishlist-card-thumb{
  aspect-ratio: 3 / 4;
  background:#f5f5f5;
  overflow:hidden;
  cursor:pointer;
}

.wishlist-card-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.wishlist-card-body{
  padding: .5rem .6rem .6rem;
  display:flex;
  flex-direction:column;
  gap:.35rem;
  flex:1;
}

.wishlist-card-name{
  font-size: 13px;
  font-weight: 600;
  line-height: 1.25;
  color:#333;
  min-height: 2.2em; /* aligner les cartes */
}

/* Prix : on réutilise tes classes promo existantes */
.cart-price-block{ display:flex; flex-direction:column; gap:2px; }
.cart-unit-price{ font-size:13px; font-weight:600; color:#111; }
.price-meta{ display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.original-price{ font-size:.7rem; color:#c70000; text-decoration:line-through; }
.discount-flag{ background:#c70000; color:#fff; padding:.1rem .4rem; border-radius:4px; font-size:.6rem; text-transform:uppercase; }
.sale-price{ font-size:.85rem; font-weight:700; color:#111; }

/* ============================
   WISHLIST – overlay actions
   ============================ */

/* Le parent doit être relatif pour que top/right marchent */
.wishlist-card-thumb{
  position: relative;
}

/* (Optionnel) ancien layout actions en bas : plus utilisé si tu mets les boutons en overlay */
.wishlist-card-actions{
  margin-top: auto;
  display: flex;
  gap: 10px;
}

/* Base bouton overlay (hérite du style global si déjà existant)
   Ici on force ce qu'il faut pour l’overlay */
.wishlist-btn{
  position: absolute;
  width: 32px;
  height: 32px;
  border-radius: 999px;

  border: 1px solid rgba(0,0,0,.12);
  background: rgba(255,255,255,.92);
  color: rgba(0,0,0,.75);

  display: inline-flex;
  align-items: center;
  justify-content: center;

  cursor: pointer;
  z-index: 5;
  line-height: 1;
  padding: 0;

  transition: transform .2s ease, background .2s ease, opacity .2s ease, color .2s ease, border-color .2s ease;
  opacity: .9;
}

.wishlist-btn:hover{
  transform: scale(1.08);
  background: #fff;
  opacity: 1;
  color: rgba(0,0,0,.9);
}

/* Bouton "Voir" (en haut à droite) */
.wishlist-btn--view{
  top: 10px;
  right: 10px;
}

/* Bouton "Delete" (sous Voir) */
.wishlist-btn--delete{
  top: 52px;           /* 10 + 36 + 6 */
  right: 10px;

  border-color: rgba(220,38,38,.35);
  color: #dc2626;
  background: rgba(255,255,255,.92);
}

.wishlist-btn--delete:hover{
  background: #dc2626;
  border-color: #dc2626;
  color: #fff;
}