/* Le panneau de fidélité dans le panier et la commande en blocs.
   L'essentiel du style vient des classes WooCommerce reprises telles quelles ;
   il ne reste ici que ce que WooCommerce ne fournit pas. */

.hdkn-fid-blocs .wc-block-components-panel__button-icon{transition:transform .2s ease}

/* 🔴 Les lignes de totaux de WooCommerce portent 16 px de retrait horizontal,
   posés sur .wc-block-components-totals-item. Nos propres blocs n'héritent de
   rien : sans ce retrait, notre texte démarre 16 px à gauche de « Sous-total »
   et de « Remise », et le décalage se voit tout de suite. */
.hdkn-fid-blocs__pose,
.hdkn-fid-blocs__attente,
.hdkn-fid-blocs__invite{padding-left:16px;padding-right:16px}

.hdkn-fid-blocs__aide{margin:0 0 12px;font-size:.875em;opacity:.75}
.hdkn-fid-blocs__aide--fin{margin:10px 0 0}

.hdkn-fid-blocs__pose{
  display:flex;align-items:baseline;justify-content:space-between;
  gap:12px;flex-wrap:wrap;
}
.hdkn-fid-blocs__pose-texte{font-size:.9375em}

/* 🔴 Le kit graphique habille TOUS les <button> du site : fond dégradé,
   14 px 28 px de retrait, coins à 99 px. Sans repartir de zéro en !important,
   le discret « Retirer » sort en gros bouton violet. Même leçon que les
   flèches des sliders. */
.hdkn-fid-blocs button.hdkn-fid-blocs__retirer{
  -webkit-appearance:none!important;appearance:none!important;
  display:inline!important;
  width:auto!important;min-width:0!important;height:auto!important;min-height:0!important;
  margin:0!important;padding:0!important;
  border:0!important;border-radius:0!important;
  background:none!important;background-image:none!important;
  box-shadow:none!important;
  color:inherit!important;
  font:inherit!important;font-size:.875em!important;font-weight:400!important;
  line-height:inherit!important;letter-spacing:normal!important;text-transform:none!important;
  text-decoration:underline!important;
  cursor:pointer;opacity:.75;
}
.hdkn-fid-blocs button.hdkn-fid-blocs__retirer:hover{opacity:1}
.hdkn-fid-blocs button.hdkn-fid-blocs__retirer[disabled]{cursor:default;opacity:.45}

.hdkn-fid-blocs__attente{margin:0;font-size:.9375em;opacity:.8}

.hdkn-fid-blocs__titre{margin:0 0 4px;font-weight:600}
.hdkn-fid-blocs__texte{margin:0 0 10px;font-size:.9375em;opacity:.85}
.hdkn-fid-blocs__lien{font-size:.875em;text-decoration:underline}

/* Le champ nombre : on garde la boîte de WooCommerce mais on retire les
   flèches du navigateur, qui débordent du cadre flottant. */
.hdkn-fid-blocs input[type="number"]{-moz-appearance:textfield}
.hdkn-fid-blocs input[type="number"]::-webkit-outer-spin-button,
.hdkn-fid-blocs input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

/* La pièce devant un montant, dans le panier en blocs. */
.hdkn-fid-blocs img.hdkn-piece--bloc{
  display:inline-block;width:18px;height:18px;margin:0 6px 0 0;
  vertical-align:-3px;border:0;border-radius:0;box-shadow:none;
}
@media (prefers-reduced-motion:reduce){
  .hdkn-fid-blocs img.hdkn-piece--bloc{display:none}
}

/* ------------------------------------------------------------------
   « Vos cadeaux » : ce que le client a gagné au jeu, à activer d'un clic.
   ------------------------------------------------------------------ */
.hdkn-cadeaux-bloc{padding:0 16px}
.hdkn-cadeaux-bloc__liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.hdkn-cadeaux-bloc__item{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:12px 14px;border-radius:12px;
  border:1px solid rgba(167,139,250,.28);background:rgba(126,98,224,.08);
}
.hdkn-cadeaux-bloc__item.est-applique{border-color:rgba(125,226,195,.5);background:rgba(125,226,195,.07)}
.hdkn-cadeaux-bloc__texte{display:flex;flex-direction:column;gap:2px;min-width:0}
.hdkn-cadeaux-bloc__nom{font-weight:600}
.hdkn-cadeaux-bloc__lien{font-size:.85em;text-decoration:underline}
.hdkn-cadeaux-bloc__expire,.hdkn-cadeaux-bloc__ref{font-size:.8em;opacity:.7}
.hdkn-cadeaux-bloc__erreur{margin:0 0 10px;font-size:.875em;color:#FCA5A5}
/* le bouton repart de zéro, le kit habille tous les <button> du site */
.hdkn-fid-blocs button.hdkn-cadeaux-bloc__bouton{
  -webkit-appearance:none!important;appearance:none!important;
  display:inline-block!important;width:auto!important;min-width:0!important;height:auto!important;min-height:0!important;
  margin:0!important;padding:8px 14px!important;flex:none;
  border:0!important;border-radius:999px!important;
  background:linear-gradient(135deg,#7E62E0,#5B3FC4)!important;background-image:linear-gradient(135deg,#7E62E0,#5B3FC4)!important;
  color:#fff!important;font:inherit!important;font-size:.85em!important;font-weight:700!important;
  line-height:1.2!important;letter-spacing:.02em!important;text-transform:none!important;cursor:pointer;
  box-shadow:0 8px 20px -10px rgba(126,98,224,.9);
}
.hdkn-fid-blocs button.hdkn-cadeaux-bloc__bouton.est-applique{background:rgba(125,226,195,.16)!important;background-image:none!important;color:#7DE2C3!important;box-shadow:none}
.hdkn-fid-blocs button.hdkn-cadeaux-bloc__bouton[disabled]{opacity:.55;cursor:default}