/* ============================================================
   ANIMATIONS — animations.css
   Keyframe animations and transition utilities shared across
   components. No component-specific animation belongs here.
   ============================================================ */

@keyframes po-fade-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}

@keyframes po-slide-up {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}

.po-fade-in   { animation: po-fade-in var(--transition-slow); }
.po-slide-up  { animation: po-slide-up var(--transition); }

/* Card hover lift — applied via Elementor's native CSS Classes control. No equivalent exists as a
   native Elementor Container hover-transform control, nor as a reusable XStore utility class
   (checked both before adding this); per MOTION-DESIGN-STANDARDS.md's Card Hover Behaviour
   (translateY(-4px), no scaling/rotation). */
.po-hover-lift {
  transition: transform var(--transition);
}
.po-hover-lift:hover {
  transform: translateY(-4px);
}

@media (prefers-reduced-motion: reduce) {
  .po-fade-in, .po-slide-up, .po-hover-lift {
    animation: none;
    transition: none;
    transform: none;
  }
}