/* ============================================================
   FESTNEST — ANIMATIONS  |  assets/css/animations.css
   ============================================================ */
@keyframes fadeInUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeInRight{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}
@keyframes fadeInLeft{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:translateX(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes modalIn{from{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}
@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
@keyframes spin{to{transform:rotate(360deg)}}

.animate-fadeInUp{animation:fadeInUp .6s ease both}
.animate-fadeInUp--d1{animation-delay:.1s}
.animate-fadeInUp--d2{animation-delay:.2s}
.animate-fadeInUp--d3{animation-delay:.3s}
.animate-fadeInUp--d4{animation-delay:.4s}
.animate-fadeInRight{animation:fadeInRight .7s ease both}
.animate-float{animation:float 3s ease-in-out infinite}

.skeleton{
  background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);
  background-size:200% 100%;
  animation:shimmer 1.5s infinite;
  border-radius:var(--radius)
}

.spinner{
  width:22px;height:22px;
  border:3px solid rgba(255,255,255,.3);
  border-top-color:#fff;
  border-radius:50%;
  animation:spin .7s linear infinite;
  display:inline-block
}