/* Tuile "Mon compte" */
.bgsgiftcard-tile-balance {
  font-weight: 600;
  color: #4B3F72;
}

/* Page "Carte cadeau" (activation d'un code + solde) */
.bgsgiftcard-block {
  max-width: 560px;
}

.bgsgiftcard-balance,
.bgsgiftcard-redeem {
  background: #F7F6FA;
  border: 1px solid #E3E0EC;
  border-radius: 6px;
  padding: 20px 24px;
  margin-bottom: 24px;
}

.bgsgiftcard-balance-amount {
  font-size: 28px;
  font-weight: bold;
  color: #4B3F72;
  margin: 4px 0;
}

.bgsgiftcard-balance-hint {
  color: #666666;
  font-size: 13px;
  margin: 0;
}

.bgsgiftcard-redeem-form {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: flex-start;
}

.bgsgiftcard-code-input {
  flex: 1 1 260px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* Fiche produit "Carte Cadeau" : sélecteur d'occasion */
.bgsgiftcard-occasion-select {
  max-width: 100%;
}

/* Fiche produit "Carte Cadeau" : bloc "Autre montant" (repositionné en JS juste au-dessus de la
   zone quantité/Ajouter au panier - voir setupCustomAmountBlock() dans bgsgiftcard-product-v14.js) */
.bgsgiftcard-custom-amount {
  margin: 16px 0 28px 0;
  padding-top: 16px;
  border-top: 1px solid #E3E0EC;
}

.bgsgiftcard-custom-amount label {
  display: block;
  font-weight: 600;
  margin-bottom: 8px;
}

.bgsgiftcard-custom-amount-row {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
}

#bgs_gc_custom_amount_input {
  max-width: 140px;
}

.bgsgiftcard-custom-amount-error {
  color: #B4232C;
  font-size: 13px;
  margin: 8px 0 0 0;
}

/* Fiche produit "Carte Cadeau" : produit numérique envoyé par mail, quantité illimitée -
   la mention "En stock" n'a pas de sens ici, donc on la masque. Ce fichier CSS n'est chargé
   que sur la fiche de ce produit précis (voir hookActionFrontControllerSetMedia), donc cette
   règle ne touche aucun autre produit du catalogue. */
.product__availability {
  display: none !important;
}

/* Fiche produit "Carte Cadeau" : le bouton natif "Save customization" (une étape séparée avant
   "Ajouter au panier") est masqué - il ne sert plus à rien, la personnalisation étant désormais
   lue directement dans les champs au moment du clic sur "Ajouter au panier" (voir
   bgsgiftcard-product-v14.js, addcustomamount.php). */
.product-customization__action {
  display: none !important;
}

/* Fiche produit "Carte Cadeau" : le bouton natif "Ajouter au panier" est masqué en permanence -
   seule notre copie (créée en JS juste à côté, toujours visible - voir ensureLiveButton() dans
   bgsgiftcard-product-v14.js) doit être cliquable, que le montant choisi soit fixe ou
   personnalisé, pour que tout passe systématiquement par notre contrôleur maison. */
[data-button-action="add-to-cart"] {
  display: none !important;
}