/* ==========================================================================
   Animations & Interactions
   ========================================================================== */

/* Page Transition Overlay (Safely hidden to prevent bfcache freeze) */
.page-transition-overlay {
  display: none !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

/* Hover Effects */
.hover-lift {
  transition: transform var(--transition-normal), box-shadow var(--transition-normal);
}

.hover-lift:hover {
  transform: translateY(-8px);
  box-shadow: var(--shadow-xl);
}

.image-zoom-container {
  overflow: hidden;
}

.image-zoom-container img {
  transition: transform var(--transition-slow);
}

.image-zoom-container:hover img {
  transform: scale(1.05);
}

/* Button Ripple */
.btn {
  position: relative;
  overflow: hidden;
}

.ripple {
  position: absolute;
  border-radius: 50%;
  transform: scale(0);
  animation: ripple-anim 600ms linear;
  background-color: rgba(255, 255, 255, 0.3);
}

@keyframes ripple-anim {
  to {
      transform: scale(4);
      opacity: 0;
  }
}

/* Floating Animations */
@keyframes float {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
  100% { transform: translateY(0px); }
}

.animate-float {
  animation: float 4s ease-in-out infinite;
}

.animate-float-delayed {
  animation: float 4s ease-in-out 2s infinite;
}

/* Reveal Utilities (for JS) */
.reveal-text {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

/* Custom Cursor (Optional, keeping it clean for premium feel) */
/* Can be added via GSAP if needed */