/* ============================================================
   MY VTC GO — logo-animation.css (global)
   Animation logo topbar — arrive de droite en roulant
   Chargé sur toutes les pages FR sauf reservation/403/privacy
   ============================================================ */

.hero-topbar { overflow: visible !important; }

@keyframes logo-roll-in {
  0%   { opacity: 0; transform: translateX(calc(100vw - 80px)) rotate(0deg); }
  8%   { opacity: 1; }
  60%  { transform: translateX(0px) rotate(-720deg); }
  72%  { transform: translateX(-10px) rotate(-730deg); }
  82%  { transform: translateX(6px)  rotate(-724deg); }
  90%  { transform: translateX(-4px) rotate(-727deg); }
  96%  { transform: translateX(2px)  rotate(-726deg); }
  100% { opacity: 1; transform: translateX(0) rotate(-720deg); }
}

.logo-link {
  position: relative;
  z-index: 999;
  animation: logo-roll-in 4s cubic-bezier(.15,.5,.3,1) 1s both;
}

@media (prefers-reduced-motion: reduce) {
  .logo-link { animation: none; }
  .hero-topbar { overflow: hidden !important; }
}