/* mk-emblem.css — mise en scène des emblèmes 3D (accueil et espace membre). */
.mk-em{display:block;width:clamp(76px,9vw,116px);height:clamp(76px,9vw,116px);margin:0 auto .5rem;
  perspective:620px;transform-style:preserve-3d}
.mk-em svg{width:100%;height:100%;display:block;will-change:transform;
  transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));
  transition:transform .35s cubic-bezier(.22,.9,.3,1)}
/* entrée : l'emblème arrive en tournant, une seule fois */
.mk-em:not(.in) svg{opacity:0;transform:rotateY(-55deg) scale(.82)}
.mk-em.in svg{opacity:1;animation:emIn .9s cubic-bezier(.2,.85,.25,1) both}
@keyframes emIn{from{opacity:0;transform:rotateY(-55deg) scale(.82) translateY(14px)}
                to{opacity:1;transform:rotateY(0) scale(1) translateY(0)}}
/* flottement lent au repos, posé sur l'animation d'entrée */
.mk-em.in svg{animation:emIn .9s cubic-bezier(.2,.85,.25,1) both,emFloat 6s 1s ease-in-out infinite}
@keyframes emFloat{0%,100%{translate:0 0}50%{translate:0 -6px}}
/* balayage lumineux : la bande traverse le solide toutes les 6 s */
.mk-em .em-w{animation:emSheen 6s 1.4s ease-in-out infinite}
@keyframes emSheen{0%,70%,100%{transform:translateX(0)}35%{transform:translateX(250px)}}
@media(prefers-reduced-motion:reduce){
  .mk-em svg,.mk-em.in svg,.mk-em .em-w{animation:none;transition:none;opacity:1;transform:none}
}

/* ── Emblème et relief des cartes de compte ── */
.mm-acc{position:relative;transform-style:preserve-3d;transition:transform .35s cubic-bezier(.22,.9,.3,1),box-shadow .35s}
.mm-acc .mm-em{width:44px;height:44px;margin:0 .1rem 0 0;flex:0 0 auto;pointer-events:none}
.mm-acc .mm-em svg{animation-duration:7s}
.mm-acc .mm-h{gap:.6rem}
@media(max-width:560px){.mm-acc .mm-em{width:36px;height:36px}}
@media(hover:hover){
  .mm-acc[data-tilt]:hover{transform:perspective(1100px) rotateX(var(--crx,0deg)) rotateY(var(--cry,0deg)) translateZ(6px)}
}
@media(prefers-reduced-motion:reduce){.mm-acc{transition:none}.mm-acc[data-tilt]:hover{transform:none}}

/* ===== lot 44 — l'emblème accompagne la formule partout où elle est nommée ===== */
/* onglets de formule (page challenges) */
.seg button{display:inline-flex;align-items:center;gap:.5rem}
.seg .seg-em{width:26px;height:26px;flex:0 0 auto;pointer-events:none}
.seg .seg-em svg{animation-duration:8s}
/* onglets du sélecteur de la page d'accueil */
.pk-tabs button{display:inline-flex;align-items:center;gap:.5rem}
.pk-tabs .pk-em{width:26px;height:26px;flex:0 0 auto;pointer-events:none}
.pk-tabs .pk-em svg{animation-duration:8s}
/* pastille de formule sur la grande carte */
.tcard .nm{display:inline-flex!important;align-items:center;gap:.42rem;padding-left:.35rem!important}
.tcard .tc-em{width:30px;height:30px;flex:0 0 auto;pointer-events:none}
.tcard .tc-em svg{animation-duration:7s}
@media(max-width:560px){
  .seg .seg-em,.pk-tabs .pk-em{width:22px;height:22px}
  .tcard .tc-em{width:24px;height:24px}
}
@media(prefers-reduced-motion:reduce){
  .seg .seg-em svg,.pk-tabs .pk-em svg,.tcard .tc-em svg{animation:none!important}
}