/* Envie en Vue — alpha103
   Animation décorative des barres du portrait commun.
   La carte reste immobile et ne prend aucun style de contrôle cliquable. */

.agreements-alpha88 .terrain-portrait-ranking__bar {
  position: relative;
  overflow: hidden;
}

.agreements-alpha88 .terrain-portrait-ranking__bar i {
  position: relative;
  overflow: hidden;
  transform-origin: left center;
  will-change: transform;
}

.agreements-alpha88 .terrain-portrait-ranking__bar i::after {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,.16) 34%, rgba(255,255,255,.82) 50%, rgba(255,255,255,.16) 66%, transparent 100%);
  content: "";
  opacity: 0;
  transform: translateX(-135%);
  pointer-events: none;
}

@media (hover: hover) and (pointer: fine) {
  .agreements-alpha88 .terrain-portrait-ranking__item:hover .terrain-portrait-ranking__bar i {
    animation: eiv-portrait-bar-breathe 560ms cubic-bezier(.22,.72,.22,1) 1;
    filter: saturate(1.06);
  }
  .agreements-alpha88 .terrain-portrait-ranking__item:hover .terrain-portrait-ranking__bar i::after {
    animation: eiv-portrait-bar-glint 420ms ease-out 1;
  }
}

@keyframes eiv-portrait-bar-breathe {
  0% { transform: scaleX(1); }
  45% { transform: scaleX(1.10); }
  72% { transform: scaleX(.97); }
  100% { transform: scaleX(1); }
}

@keyframes eiv-portrait-bar-glint {
  0% { opacity: 0; transform: translateX(-135%); }
  22% { opacity: .78; }
  100% { opacity: 0; transform: translateX(135%); }
}

@media (prefers-reduced-motion: reduce) {
  .agreements-alpha88 .terrain-portrait-ranking__bar i,
  .agreements-alpha88 .terrain-portrait-ranking__bar i::after {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
}