/* Le bloc « Fidélité » du panier. Discret, il reprend la carte du thème. */
.hdkn-fid-bloc {
	margin: 24px 0;
	padding: 18px 20px;
	border: 1px solid rgba(167,139,250,.22);
	border-radius: 14px;
	background: rgba(27,18,64,.35);
}
.hdkn-fid-bloc__titre {
	margin: 0 0 10px;
	font-size: 12px;
	letter-spacing: .06em;
	text-transform: uppercase;
	opacity: .75;
}
.hdkn-fid-bloc__form {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
}
.hdkn-fid-bloc__form label { flex: 1 1 220px; }
.hdkn-fid-bloc__form input[type="number"] { width: 8em; }

@media (max-width: 600px) {
	.hdkn-fid-bloc__form label { flex: 1 1 100%; }
	.hdkn-fid-bloc__form input[type="number"] { flex: 1 1 auto; width: auto; }
}

/* Panier d'un visiteur non connecte : on montre ce qu'il perd, pas un slogan. */
.hdkn-fid-bloc--invite p { margin: 0 0 10px; }
.hdkn-fid-bloc--invite p:last-child { margin-bottom: 0; }


/* ------------------------------------------------------------------
   La monnaie du programme : la pièce devant un montant.
   ------------------------------------------------------------------ */
.hdkn-piece{display:inline-block;vertical-align:-.22em;margin-right:.35em;line-height:0;flex:none}
.hdkn-piece img{display:block;width:100%;height:100%;object-fit:contain;border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:0!important;max-width:none}
.hdkn-montant{white-space:nowrap}
.hdkn-montant__nombre{font-weight:700}

/* « Ma fidélité » : le solde en grand */
.hdkn-fid-compte__solde{display:flex;align-items:center;gap:.15em .5em;flex-wrap:wrap;margin:0 0 .4em}
.hdkn-fid-compte__solde .hdkn-piece{margin-right:.1em}
.hdkn-fid-compte__nombre{font-size:2.2em;font-weight:700;line-height:1}

/* Le solde à l'arrivée sur « Mon compte » */
a.hdkn-fid-solde{
	display:flex;align-items:center;gap:16px;
	margin:0 0 22px;padding:16px 18px;
	border:1px solid rgba(167,139,250,.28);border-radius:14px;
	background:linear-gradient(135deg,rgba(126,98,224,.16),rgba(27,18,64,.35));
	color:inherit;text-decoration:none;
}
a.hdkn-fid-solde:hover{border-color:rgba(196,181,253,.6)}
.hdkn-fid-solde__piece{flex:none;line-height:0}
.hdkn-fid-solde__piece .hdkn-piece{margin:0}
.hdkn-fid-solde__corps{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}
.hdkn-fid-solde__titre{font-size:12px;letter-spacing:.06em;text-transform:uppercase;opacity:.7}
.hdkn-fid-solde__valeur{font-size:1.15em}
.hdkn-fid-solde__valeur strong{font-size:1.7em;line-height:1;font-weight:700}
.hdkn-fid-solde__phrase{font-size:.9em;opacity:.78}
.hdkn-fid-solde__lien{flex:none;font-size:.85em;text-decoration:underline;opacity:.8}
@media (max-width:600px){
	a.hdkn-fid-solde{gap:12px;padding:14px}
	.hdkn-fid-solde__lien{display:none}
	.hdkn-fid-solde__piece .hdkn-piece{width:44px!important;height:44px!important}
}

/* Le solde dans le menu déroulant du compte : une ligne de plus, la pièce en
   image de fond comme les autres icônes du panneau (l'adresse de l'image est
   posée par l'extension, selon les réglages). */
.hdkn-fid-menu-solde>a{
	background-repeat:no-repeat!important;
	background-position:left 20px center;
	background-size:18px 18px;
	font-weight:600!important;
}

/* ------------------------------------------------------------------
   Les cadeaux du jeu dans le compte (tableau de bord et Ma fidélité)
   ------------------------------------------------------------------ */
.hdkn-cadeaux{margin:0 0 22px}
.hdkn-cadeaux__titre{margin:0 0 10px;font-size:1.05em}
.hdkn-cadeaux__liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.hdkn-cadeaux__item{
  display:flex;flex-direction:column;gap:3px;padding:14px 16px;border-radius:12px;
  border:1px solid rgba(167,139,250,.28);background:rgba(126,98,224,.08);
}
.hdkn-cadeaux__nom{font-weight:600}
.hdkn-cadeaux__detail{font-size:.9em;opacity:.85}
.hdkn-cadeaux__expire{font-size:.8em;opacity:.65}