/* ============================================================
   IciOnDeal — Bloc infos PDP (fp2) : description + prix + promo + coupon
   Scope : sélecteurs préfixés fp2-, imbriqués sous la colonne infos
   .fp2-info existante (assets/css/fp2-fiche-produit.css). Réutilise les
   tokens --fp2-* déjà définis (thème vert du site) ; l'orange/jaune est
   réservé à la carte "vente flash" (urgence), comme sur la maquette.
   ============================================================ */

.fp2-hidden{ display:none !important; }

/* ---------- Ligne "X articles similaires vendus" ---------- */
.fp2-info .fp2-sold{
  display:flex;align-items:center;gap:5px;
  font-size:13px;font-weight:500;color:var(--fp2-gris);
  padding-bottom:10px;
}
.fp2-info .fp2-info-i{
  width:14px;height:14px;border:1.3px solid var(--fp2-gris);border-radius:50%;
  font-size:9.5px;font-weight:500;font-style:normal;
  display:inline-flex;align-items:center;justify-content:center;
}

/* ---------- Ligne de prix (promo active ET état simple partagent la même structure) ----------
   Plat, sans carte/bordure/bandeau coloré : prix + pastille de réduction + ancien prix barré +
   chevron (vers le coupon) + minuteur, TOUT sur une seule ligne (tailles réduites pour que ça
   tienne, cf. capture fournie) — le prix ne rétrécit jamais, les autres éléments cèdent la
   place en premier si l'espace manque. */
.fp2-info .fp2-price-line{ padding:8px 0 6px; }
/* flex-wrap:wrap (pas nowrap+overflow:hidden) : sur un écran mobile étroit, si tout ne tient
   vraiment pas sur une ligne, le minuteur passe à la ligne suivante plutôt que d'être coupé/
   invisible derrière un overflow:hidden — c'était le bug empêchant le temps restant de s'afficher
   sur mobile. */
.fp2-info .fp2-price-row1{ display:flex;align-items:baseline;gap:6px;row-gap:4px;flex-wrap:wrap; }
.fp2-info .fp2-price-main{
  flex-shrink:0;
  font-size:18px;font-weight:400;letter-spacing:.02em;color:var(--fp2-encre);line-height:1.1;
  font-family:'Luckiest Guy',cursive;
  text-shadow:1px 1.5px 0 rgba(0,129,56,.3);
}
.fp2-info .fp2-price-main .price-display,
.fp2-info .fp2-price-main .price-fcfa{
  font-size:18px !important;font-weight:400 !important;letter-spacing:.02em !important;color:var(--fp2-encre) !important;
  font-family:'Luckiest Guy',cursive !important;
  text-shadow:1px 1.5px 0 rgba(0,129,56,.3);
}
.fp2-info .fp2-disc-pill{
  flex-shrink:0;
  background:var(--fp2-orange);color:#fff;font-size:10.5px;font-weight:500;
  padding:2px 6px;border-radius:5px;white-space:nowrap;
}
.fp2-info .fp2-price-old{
  min-width:0;overflow:hidden;text-overflow:ellipsis;
  text-decoration:line-through;color:var(--fp2-gris);font-size:11px;white-space:nowrap;
}
.fp2-info .fp2-price-old .price-display,
.fp2-info .fp2-price-old .price-fcfa{
  font-size:11px !important;font-weight:500 !important;color:var(--fp2-gris) !important;
  font-family:'Montserrat',sans-serif !important;
}
.fp2-info .fp2-price-chev{
  flex-shrink:0;
  display:inline-flex;align-items:center;justify-content:center;
  background:none;border:none;padding:0;color:var(--fp2-gris);cursor:pointer;
}
.fp2-info .fp2-timer{
  flex-shrink:0;
  display:inline-flex;align-items:center;gap:3px;margin-left:auto;
  background:#e53935;color:#fff;font-weight:500;font-size:10.5px;white-space:nowrap;
  padding:2px 7px;border-radius:5px;
}
.fp2-info .fp2-timer-ico{ flex:0 0 auto; }

.fp2-info .fp2-tax-note{ margin-top:6px;font-size:12.5px;color:var(--fp2-gris); }

/* ---------- Libellé de campagne promo (ex. "VENTE FLASH"), au-dessus du prix ---------- */
.fp2-info .fp2-promo-label{
  font-size:11.5px;font-weight:500;letter-spacing:.4px;text-transform:uppercase;
  color:var(--fp2-orange);margin-top:8px;
}

/* ---------- Bande coupon (accent vert) ---------- */
.fp2-info .fp2-coupon-strip{
  display:flex;align-items:center;gap:8px;
  padding:11px 14px;margin:8px 0 6px;border-radius:10px;
  background:var(--fp2-vert-clair);text-decoration:none;cursor:pointer;
}
.fp2-info .fp2-coupon-ico{ fill:var(--fp2-vert-fonce);flex:0 0 auto; }
.fp2-info .fp2-coupon-chev{ stroke:var(--fp2-vert-fonce);flex:0 0 auto; }
.fp2-info .fp2-coupon-txt{
  flex:1;font-size:13px;font-weight:500;color:var(--fp2-vert-fonce);
}
.fp2-info .fp2-coupon-txt .price-display,
.fp2-info .fp2-coupon-txt .price-fcfa{
  font-size:13px !important;font-weight:500 !important;color:var(--fp2-vert-fonce) !important;
  font-family:'Montserrat',sans-serif !important;
}