/*
Theme Name: Art For Everyone
Description: GSAP Animations Helpers
*/

/* Initial states for GSAP animations — elements start hidden */
.afe-animate {
  opacity: 0;
}

.afe-animate-up {
  opacity: 0;
  transform: translateY(60px);
}

.afe-animate-down {
  opacity: 0;
  transform: translateY(-60px);
}

.afe-animate-left {
  opacity: 0;
  transform: translateX(-60px);
}

.afe-animate-right {
  opacity: 0;
  transform: translateX(60px);
}

.afe-animate-scale {
  opacity: 0;
  transform: scale(0.9);
}

.afe-animate-rotate {
  opacity: 0;
  transform: rotate(-15deg) scale(0.9);
}

/* Parallax container */
.afe-parallax-bg {
  overflow: hidden;
}
.afe-parallax-bg > .elementor-background-overlay {
  will-change: transform;
}

/* Reduced motion preference */
@media (prefers-reduced-motion: reduce) {
  .afe-animate,
  .afe-animate-up,
  .afe-animate-down,
  .afe-animate-left,
  .afe-animate-right,
  .afe-animate-scale,
  .afe-animate-rotate {
    opacity: 1 !important;
    transform: none !important;
  }
}

/* Smooth transitions for interactive elements */
.afe-hover-lift {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease;
}
.afe-hover-lift:hover {
  transform: translateY(-6px);
  box-shadow: var(--afe-shadow-lg);
}

/* Pulse animation utility */
.afe-btn-pulse {
  transition: transform 0.2s ease;
}