/* ===== MODERN ANIMATIONS 2025 ===== */
/* Scroll-triggered, micro-interactions, purposeful motion design */

/* ===== FADE IN ON SCROLL ===== */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translateX(-30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* ===== SCROLL-TRIGGERED ANIMATION CLASS - DISABLED FOR MINIMAL STYLE ===== */
.animate-on-scroll {
  opacity: 1;  /* Sempre visibile - stile minimal professionale */
  transform: none;
}

.animate-on-scroll.is-visible {
  /* Animazioni disabilitate per look professionale pulito */
}

.animate-on-scroll.from-left.is-visible {
  /* Disabilitato */
}

.animate-on-scroll.from-right.is-visible {
  /* Disabilitato */
}

.animate-on-scroll.scale.is-visible {
  /* Disabilitato - stile minimal */
}

/* Staggered delays for child elements */
.animate-on-scroll:nth-child(1) { animation-delay: 0ms; }
.animate-on-scroll:nth-child(2) { animation-delay: 100ms; }
.animate-on-scroll:nth-child(3) { animation-delay: 200ms; }
.animate-on-scroll:nth-child(4) { animation-delay: 300ms; }
.animate-on-scroll:nth-child(5) { animation-delay: 400ms; }
.animate-on-scroll:nth-child(6) { animation-delay: 500ms; }

/* ===== MICRO-INTERACTIONS - DISABLED FOR CLEAN DESIGN ===== */

/* Hover effects disabled for minimal professional look */
.hover-lift,
.hover-scale,
.image-parallax img {
  /* No transforms - static design */
}

/* Button press effect - keep subtle feedback */
.button-press:active {
  opacity: 0.9;
}

/* ===== DECORATIVE ANIMATIONS - DISABLED FOR CLEAN DESIGN ===== */
/* Pulse glow, shimmer, typewriter, section transitions removed */

/* ===== REDUCE MOTION PREFERENCE ===== */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* ===== PERFORMANCE OPTIMIZATIONS ===== */
.will-animate {
  will-change: transform, opacity;
}

/* Remove will-change after animation completes */
.animation-complete {
  will-change: auto;
}