/* Avatar skin positioning - effet = aura autour de l'avatar */
.avatar-slot {
  position: absolute;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0 1px 2px rgba(0,0,0,0.4));
}

/* Effet - halo discret autour de l'avatar */
.avatar-slot.effect {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.65em;
  width: 115%;
  height: 115%;
  opacity: 0.85;
}

.avatar-wrapper.size-sm .avatar-slot.effect { font-size: 0.55em; width: 112%; height: 112%; }
.avatar-wrapper.size-lg .avatar-slot.effect { font-size: 0.75em; width: 118%; height: 118%; }

/* Effets animés */
.avatar-slot.effect.skin-animated { animation: skin-effect-glow 2s ease-in-out infinite; }
@keyframes skin-effect-glow {
  0%, 100% { opacity: 0.85; transform: translate(-50%, -50%) scale(1); }
  50% { opacity: 1; transform: translate(-50%, -50%) scale(1.08); }
}

.heppner-avatar {
  position: relative;
  border-radius: 9999px;
  overflow: hidden;
  border: 1px solid rgba(87, 176, 226, 0.35);
  background: rgba(0, 32, 104, 0.65);
}
.heppner-avatar.sm { width: 2.25rem; height: 2.25rem; }
.heppner-avatar.md { width: 2.5rem; height: 2.5rem; }
.heppner-avatar.lg { width: 5rem; height: 5rem; }
.heppner-avatar.xl { width: 4.5rem; height: 4.5rem; }
.heppner-avatar--photo img { display: block; }
.heppner-avatar--jersey .heppner-avatar-jersey-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
  padding: 6%;
  box-sizing: border-box;
}