/* ============================================================
   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:700;font-style:normal;
  display:inline-flex;align-items:center;justify-content:center;
}

/* ---------- État sans promo : prix simple ---------- */
.fp2-info .fp2-price-normal{ padding:8px 0 20px; }
.fp2-info .fp2-price-big{
  font-size:28px;font-weight:800;color:var(--fp2-encre);line-height:1.1;
  font-family:'FP2 DM Sans','DM Sans',system-ui,sans-serif;
}
.fp2-info .fp2-price-big .price-display,
.fp2-info .fp2-price-big .price-fcfa{
  font-size:28px !important;font-weight:800 !important;color:var(--fp2-encre) !important;
  font-family:'FP2 DM Sans','DM Sans',system-ui,sans-serif !important;
}
.fp2-info .fp2-tax-note{ margin-top:6px;font-size:12.5px;color:var(--fp2-gris); }

/* ---------- Badge "meilleur prix" ---------- */
.fp2-info .fp2-bestprice-pill{
  display:inline-flex;align-items:center;gap:6px;
  background:var(--fp2-vert-clair);color:var(--fp2-vert-fonce);
  font-size:12.5px;font-weight:600;
  padding:6px 10px;border-radius:8px;margin:6px 0 14px;
}
.fp2-info .fp2-medal{ font-size:13px; }

/* ---------- Carte "vente flash" (accent orange/jaune) ---------- */
.fp2-info .fp2-promo-card{
  margin:4px 0 18px;border-radius:var(--fp2-radius-lg);overflow:hidden;
  border:1px solid #F5D9A8;
}
:root[data-theme="dark"] .fp2-info .fp2-promo-card{ border-color:#4a3a12; }

.fp2-info .fp2-promo-head{
  background:var(--fp2-orange);
  display:flex;align-items:center;justify-content:space-between;
  padding:10px 14px;
}
.fp2-info .fp2-promo-name{
  font-size:13px;font-weight:800;letter-spacing:.3px;text-transform:uppercase;color:#fff;
}
.fp2-info .fp2-timer{ display:flex;align-items:center;gap:4px; }
.fp2-info .fp2-timer-label{ font-size:12px;font-weight:700;color:#fff;margin-right:2px; }
.fp2-info .fp2-timer-box{
  /* Couleur fixe (pas var(--fp2-encre)) : --fp2-encre s'inverse en mode sombre (devient
     quasi blanc, elle sert de couleur de TEXTE ailleurs) — ce chip doit rester sombre avec du
     texte blanc dans les deux thèmes, sinon illisible sur fond clair en mode sombre. */
  min-width:24px;height:22px;background:#14201A;color:#fff;border-radius:5px;
  font-size:12.5px;font-weight:700;
  display:inline-flex;align-items:center;justify-content:center;padding:0 4px;
  font-variant-numeric:tabular-nums;
}
.fp2-info .fp2-timer-sep{ font-size:13px;font-weight:800;color:#fff; }

.fp2-info .fp2-promo-body{ background:#FFF7EC;padding:14px; }
:root[data-theme="dark"] .fp2-info .fp2-promo-body{ background:#241d0e; }

.fp2-info .fp2-promo-price-row{ display:flex;align-items:center;gap:10px;flex-wrap:wrap; }
.fp2-info .fp2-promo-price{ font-size:26px;font-weight:800;color:var(--fp2-encre);line-height:1.05; }
.fp2-info .fp2-promo-price .price-display,
.fp2-info .fp2-promo-price .price-fcfa{
  font-size:26px !important;font-weight:800 !important;color:var(--fp2-encre) !important;
  font-family:'FP2 DM Sans','DM Sans',system-ui,sans-serif !important;
}
.fp2-info .fp2-promo-flash{
  display:inline-flex;align-items:center;gap:3px;
  font-size:12.5px;font-weight:700;color:#92400e;white-space:nowrap;
}
.fp2-info .fp2-promo-flash svg{ width:12px;height:12px;fill:#92400e; }
.fp2-info .fp2-promo-flash .price-display,
.fp2-info .fp2-promo-flash .price-fcfa{
  font-size:12.5px !important;font-weight:700 !important;color:#92400e !important;
  font-family:'FP2 DM Sans','DM Sans',system-ui,sans-serif !important;
}
:root[data-theme="dark"] .fp2-info .fp2-promo-flash,
:root[data-theme="dark"] .fp2-info .fp2-promo-flash svg,
:root[data-theme="dark"] .fp2-info .fp2-promo-flash .price-display,
:root[data-theme="dark"] .fp2-info .fp2-promo-flash .price-fcfa{ color:#f2b84b !important;fill:#f2b84b; }

.fp2-info .fp2-promo-old-row{ margin-top:8px;font-size:12px;color:var(--fp2-gris); }
.fp2-info .fp2-promo-old{ text-decoration:line-through; }
.fp2-info .fp2-promo-old .price-display,
.fp2-info .fp2-promo-old .price-fcfa{
  font-size:12px !important;font-weight:400 !important;color:var(--fp2-gris) !important;
  font-family:'FP2 DM Sans','DM Sans',system-ui,sans-serif !important;
}

/* ---------- 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:600;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:600 !important;color:var(--fp2-vert-fonce) !important;
  font-family:'FP2 DM Sans','DM Sans',system-ui,sans-serif !important;
}

/* ---------- Desktop (colonne infos ≥1024px, fp2-legacy masqué) ---------- */
@media (min-width:1024px){
  .fp2-info .fp2-price-big{ font-size:34px; }
  .fp2-info .fp2-price-big .price-display,
  .fp2-info .fp2-price-big .price-fcfa{ font-size:34px !important; }
  .fp2-info .fp2-promo-price{ font-size:30px; }
  .fp2-info .fp2-promo-price .price-display,
  .fp2-info .fp2-promo-price .price-fcfa{ font-size:30px !important; }
}

@media (prefers-reduced-motion: reduce){
  .fp2-info .fp2-timer-box{ transition:none; }
}