/* vos-encheres.com — CADEAU DE BIENVENUE (pilule 🎁 + feuille).
   Mobile-first ; le recentrage desktop de la feuille vit dans app.desktop.css. */

/* --- Pilule à droite de la barre de recherche (façon Whatnot) ------------- */
/* Le MONTANT est affiché en clair (choix produit : c'est l'appât). Ambre doré
   « cadeau », distincte de l'orange CTA ; .on = crédit ACTIF (plein). */
.feed-gift {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex: 0 0 auto;
  /* Le conteneur .float-header laisse passer les taps (pointer-events:none) :
     on les RÉACTIVE sur la pilule, comme .feed-searchbar. */
  pointer-events: auto;
  padding: 6px 10px;
  border: 1.5px solid #e6a817;
  border-radius: 999px;
  background: #fff7e6;
  color: #8a5a00;
  font-weight: 800;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
}
.feed-gift.on {
  background: #e6a817;
  border-color: #e6a817;
  color: #fff;
}
.feed-gift-ic { font-size: 15px; }
.feed-gift-amt { white-space: nowrap; }

/* --- Feuille (états réclamable / actif / épuisé) -------------------------- */
#gift-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(15, 15, 15, .45);
  z-index: 1190;
}
#gift-sheet {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1200;
  background: #fff;
  border-radius: 18px 18px 0 0;
  padding: 10px 18px calc(18px + env(safe-area-inset-bottom));
  box-shadow: 0 -12px 40px rgba(0, 0, 0, .25);
}
.gift-hero {
  text-align: center;
  padding: 14px 0 4px;
}
.gift-amount {
  display: inline-block;
  font-size: 44px;
  font-weight: 900;
  letter-spacing: -1px;
  color: #b57200;
}
/* Échéance du crédit actif (petit, sous le montant) */
.gift-expiry {
  display: block;
  margin-top: 2px;
  font-size: 13px;
  font-weight: 600;
  color: #8a8a8a;
}
/* Stock public : « Il reste N cadeaux ce mois-ci » — la rareté est vraie. */
.gift-stock {
  margin: 8px 0 2px;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  color: #b57200;
}
#gift-sheet .sheet-legal { margin-top: 10px; }

/* --- Bandeau d'incitation sur la fiche ------------------------------------ */
.d-gift-hint {
  margin-top: 8px;
  padding: 8px 12px;
  border-radius: 12px;
  background: #fff7e6;
  border: 1px solid #f0d9a8;
  color: #8a5a00;
  font-size: 13.5px;
  font-weight: 600;
}

/* --- Rappel au porte-monnaie ---------------------------------------------- */
.wallet-gift {
  margin-top: 4px;
  font-size: 13px;
  font-weight: 700;
  color: #b57200;
}

/* --- Ligne du détail du prix ----------------------------------------------- */
.pd-row.pd-gift .pd-val { color: #1a7f37; font-weight: 800; }

/* --- Panier : ligne crédit + nudge « plus que X € » ------------------------ */
.cart-line .cart-line-v.gift { color: #1a7f37; font-weight: 800; }
.cart-gift-nudge {
  margin: 6px 0;
  padding: 8px 12px;
  border-radius: 12px;
  background: #fff7e6;
  border: 1px solid #f0d9a8;
  color: #8a5a00;
  font-size: 13px;
  font-weight: 700;
}

/* Disponibilité iPhone dans la feuille cadeau : badge App Store officiel,
   centré sous les CTA. MASQUÉ dans l'app native (on y est déjà). */
.gift-appstore {
  display: flex; flex-direction: column; align-items: center; gap: 6px;
  margin: 6px 0 2px; text-decoration: none;
}
html.native-app .gift-appstore { display: none; }
.gift-appstore-txt { font-size: 13px; font-weight: 700; color: #6B6257; }
.gift-appstore-badge { height: 42px; width: auto; display: block; }