/* =============================================
   SOURIANA IMPORTS — ANIMATIONS
   ============================================= */

/* AOS custom overrides */
[data-aos] { pointer-events: none; }
[data-aos].aos-animate { pointer-events: auto; }

/* Gold shimmer on headings */
.shimmer-text {
  background: linear-gradient(90deg, var(--gold-dark) 0%, var(--gold-light) 50%, var(--gold-dark) 100%);
  background-size: 200%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: shimmer 3s linear infinite;
}
@keyframes shimmer {
  from { background-position: 200% center; }
  to { background-position: -200% center; }
}

/* Floating animation for decorative elements */
@keyframes float {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-12px); }
}
.float { animation: float 4s ease-in-out infinite; }

/* Pulse glow for CTA elements */
@keyframes pulseGlow {
  0%, 100% { box-shadow: 0 0 0 0 rgba(201,168,76,0.4); }
  50% { box-shadow: 0 0 0 16px rgba(201,168,76,0); }
}
.pulse-glow { animation: pulseGlow 2.5s ease-in-out infinite; }

/* Fade in from bottom (used by GSAP) */
.gsap-hidden {
  opacity: 0;
  transform: translateY(30px);
}

/* Category card hover glow */
.category-card:hover .category-icon {
  animation: float 1.5s ease-in-out infinite;
}

/* Nav link active state */
.nav-links a.active { color: var(--gold); }
.nav-links a.active::after { width: 100%; }

/* Smooth loading fade */
body { animation: bodyFade 0.5s ease-out; }
@keyframes bodyFade {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* Form input focus ring */
.form-group input:focus {
  box-shadow: 0 0 0 3px rgba(201,168,76,0.15);
}

/* Success checkmark animation */
.success-icon {
  animation: checkPop 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}
@keyframes checkPop {
  from { transform: scale(0) rotate(-15deg); opacity: 0; }
  to { transform: scale(1) rotate(0deg); opacity: 1; }
}

/* Gold line divider */
.gold-divider {
  width: 60px;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--gold), transparent);
  margin: 20px auto;
}