/* HDKN - Parrainage : l'onglet du compte, dans la charte K-Laxie.
   Violet #7E62E0, lavande #A78BFA, turquoise #5EEAD4, texte #F4F1FF,
   tuiles #170E31 / #1F1540, filet rgba(167,139,250,.20). */

.klx-par{--par-violet:#7E62E0;--par-lav:#A78BFA;--par-turq:#5EEAD4;--par-texte:#F4F1FF;--par-rose:#FF4D9D;
 --par-filet:rgba(167,139,250,.22);--par-fond:linear-gradient(135deg,#170E31 0%,#1F1540 100%);
 color:var(--par-texte);font-family:inherit}
.klx-par p{margin:0 0 14px}
.klx-par__titre{margin:0 0 12px;font-size:1.4em}
.klx-par__intro{font-size:15px;line-height:1.55;opacity:.92}
.klx-par__intro--discret{font-size:13.5px;opacity:.72;margin-top:6px}
.klx-par__h3{margin:28px 0 12px;font-size:1.1em;letter-spacing:.01em}
.klx-par__vide{opacity:.75;font-size:14px}
.klx-par__avis{padding:12px 16px;border-radius:12px;margin:0 0 18px;font-weight:600;border:1px solid var(--par-filet)}
.klx-par__avis--ok{background:rgba(94,234,212,.12);border-color:rgba(94,234,212,.45)}
.klx-par__avis--err{background:rgba(255,77,157,.12);border-color:rgba(255,77,157,.45)}

/* La jauge early bird */
.klx-par__jauge{margin:18px 0 22px;padding:16px 18px;border-radius:14px;border:1px solid var(--par-filet);background:var(--par-fond);
 box-shadow:0 12px 34px -18px rgba(126,98,224,.85)}
.klx-par__jauge-tete{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.klx-par__jauge-libelle{font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--par-lav);font-weight:700}
.klx-par__jauge-chiffre{font-size:14px;opacity:.9}
.klx-par__jauge-chiffre b{color:var(--par-turq);font-size:18px;font-weight:700}
.klx-par__barre{height:10px;border-radius:999px;background:rgba(167,139,250,.16);overflow:hidden;position:relative}
.klx-par__barre-remplissage{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--par-violet),var(--par-turq));
 transition:width .9s cubic-bezier(.2,.7,.2,1);box-shadow:0 0 14px rgba(94,234,212,.55)}
.klx-par__jauge.est-complet .klx-par__barre-remplissage{background:linear-gradient(90deg,var(--par-violet),var(--par-rose));box-shadow:0 0 14px rgba(255,77,157,.5)}
.klx-par__jauge-texte{margin:12px 0 0;font-size:13.5px;opacity:.85}
.klx-par__connexion{font-weight:600;margin:6px 0 22px}

/* Souscrire */
.klx-par__souscrire{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:6px 0 22px}
.klx-par__souscrire-aide{font-size:13px;opacity:.7}
.klx-par .klx-par__bouton{background:var(--par-violet)!important;color:#fff!important;border:0!important;border-radius:999px!important;
 padding:12px 22px!important;font-weight:700!important;letter-spacing:.01em;cursor:pointer;line-height:1.2;
 box-shadow:0 10px 24px -12px rgba(126,98,224,.9);transition:transform .15s ease,box-shadow .15s ease,background .15s ease}
.klx-par .klx-par__bouton:hover{background:#6d51cf!important;transform:translateY(-1px);box-shadow:0 14px 28px -12px rgba(126,98,224,1)}
.klx-par .klx-par__bouton.est-copie{background:var(--par-turq)!important;color:#170E31!important}

/* Le lien du parrain */
.klx-par__lien-bloc{padding:18px;border-radius:14px;border:1px solid var(--par-filet);background:var(--par-fond);margin:0 0 20px;
 box-shadow:0 12px 34px -18px rgba(126,98,224,.85)}
.klx-par__lien-libelle{display:block;font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--par-lav);font-weight:700;margin-bottom:10px}
.klx-par__lien{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap}
.klx-par .klx-par__lien-champ{flex:1 1 220px;min-width:0;background:rgba(14,8,33,.6)!important;border:1px solid var(--par-filet)!important;
 border-radius:999px!important;color:var(--par-texte)!important;padding:11px 16px!important;font-size:14px;font-family:inherit}
.klx-par__lien-code{display:block;margin-top:10px;font-size:13px;opacity:.75}
.klx-par__lien-code b{color:var(--par-turq);letter-spacing:.08em}

/* Les chiffres */
.klx-par__tuiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 16px}
.klx-par__tuile{padding:14px 16px;border-radius:14px;border:1px solid var(--par-filet);background:rgba(27,18,64,.45);display:flex;flex-direction:column;gap:2px}
.klx-par__tuile-valeur{font-size:26px;font-weight:700;line-height:1.1;color:var(--par-turq)}
.klx-par__tuile-libelle{font-size:12.5px;text-transform:uppercase;letter-spacing:.06em;opacity:.75}
.klx-par__tuile-sous{font-size:12.5px;opacity:.6}

/* Le classement des filleuls */
.klx-par__classement{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.klx-par__rang{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:12px;border:1px solid var(--par-filet);background:rgba(27,18,64,.35)}
.klx-par__rang--top{background:var(--par-fond);box-shadow:0 10px 30px -18px rgba(126,98,224,.9)}
.klx-par__medaille{flex:0 0 34px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:14px;
 background:rgba(167,139,250,.14);color:var(--par-lav)}
.klx-par__medaille i{font-style:normal;opacity:.75}
.klx-par__rang--1 .klx-par__medaille{background:linear-gradient(135deg,#F7D774,#D9A400);color:#2a1d00;box-shadow:0 0 0 3px rgba(247,215,116,.25)}
.klx-par__rang--2 .klx-par__medaille{background:linear-gradient(135deg,#E8ECF3,#A9B3C4);color:#1f2633;box-shadow:0 0 0 3px rgba(200,208,220,.25)}
.klx-par__rang--3 .klx-par__medaille{background:linear-gradient(135deg,#E3A56E,#A9642B);color:#2a1300;box-shadow:0 0 0 3px rgba(227,165,110,.25)}
.klx-par__qui{flex:1 1 auto;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.klx-par__qui em{font-style:normal;font-weight:500;font-size:12px;opacity:.65;margin-left:6px}
.klx-par__combien{flex:0 0 auto;text-align:right;display:flex;flex-direction:column;line-height:1.15}
.klx-par__combien b{color:var(--par-turq);font-size:16px}
.klx-par__combien small{font-size:11.5px;opacity:.6}

/* L'historique */
.klx-par__table td.fin,.klx-par__table th.fin{text-align:right;white-space:nowrap}
.klx-par__table tr.est-repris td{opacity:.55;text-decoration:line-through}
.klx-par__table tr.est-repris td em{font-style:normal;text-decoration:none}

@media(max-width:600px){
 .klx-par__tuiles{grid-template-columns:1fr 1fr}
 .klx-par__tuile:first-child{grid-column:1 / -1}
 .klx-par__tuile-valeur{font-size:22px}
 .klx-par .klx-par__bouton{width:100%}
 .klx-par__rang{gap:10px;padding:10px 12px}
 .klx-par__qui{white-space:normal}
}


/* ------------------------------------------------------------------
   1.0.3 : l'onglet respire.
   Constaté sur K-Laxie : le thème remet à zéro les marges des titres et des
   listes du compte, si bien que « Vos filleuls » et « Historique » collaient
   aux blocs voisins. L'espacement ne repose donc plus sur les marges de chaque
   élément mais sur un seul réglage : la colonne et son intervalle. Les titres
   se rapprochent du bloc qu'ils annoncent, et s'éloignent de celui d'avant.
   ------------------------------------------------------------------ */
.woocommerce-MyAccount-content .klx-par,
.klx-par{display:flex;flex-direction:column;gap:26px}
.klx-par > *{margin-top:0!important;margin-bottom:0!important}
.klx-par > h3.klx-par__h3{margin-top:14px!important;margin-bottom:-10px!important;font-size:1.25em;line-height:1.25}
.klx-par > .klx-par__intro--discret{margin-top:-6px!important;font-size:14px;line-height:1.65;opacity:.78}
.klx-par__lien-bloc{padding:22px 24px}
.klx-par__lien-libelle{margin-bottom:14px}
.klx-par__lien{gap:12px}
.klx-par__lien-code{margin-top:14px}
.klx-par__tuiles{gap:16px}
.klx-par__tuile{padding:20px 22px;gap:6px}
.klx-par__tuile-valeur{display:flex;align-items:center;gap:10px}
.klx-par__tuile-valeur .hdkn-piece{margin:0}
.klx-par__tuile-sous{margin-top:2px}
.klx-par__classement{gap:12px}
.klx-par__rang{padding:16px 20px;gap:16px}
.klx-par__combien{gap:3px}
.klx-par__jauge{padding:20px 22px}
.klx-par__table th,.klx-par__table td{padding:14px 18px!important}
@media(max-width:600px){
 .klx-par{gap:22px}
 .klx-par__lien-bloc{padding:18px}
 .klx-par__tuiles{gap:12px}
 .klx-par__tuile{padding:16px}
 .klx-par__rang{padding:12px 14px}
 .klx-par__table th,.klx-par__table td{padding:12px!important}
}

/* réservé aux clients */
.klx-par__reserve{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.klx-par__reserve p{margin:0}