/**
 * ANDALOUSSIA — LUXURY MOTION & ANIMATIONS
 */

/* Scroll Reveal States */
.reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

.reveal--left {
  transform: translateX(-40px);
}

.reveal--right {
  transform: translateX(40px);
}

.reveal--scale {
  transform: scale(0.92);
}

.reveal.is-visible {
  opacity: 1;
  transform: translate(0) scale(1);
}

/* Stagger Children Delays */
.stagger-1 { transition-delay: 0.1s; }
.stagger-2 { transition-delay: 0.2s; }
.stagger-3 { transition-delay: 0.3s; }
.stagger-4 { transition-delay: 0.4s; }
.stagger-5 { transition-delay: 0.5s; }
.stagger-6 { transition-delay: 0.6s; }

/* Live availability dot pulse */
@keyframes ambientPulse {
  0%, 100% { box-shadow: 0 0 6px var(--color-mint); opacity: 1; }
  50% { box-shadow: 0 0 14px var(--color-mint); opacity: 0.6; }
}

/* Subtle Gold Ambient Glow Pulse */
@keyframes ambientGlow {
  0%, 100% {
    box-shadow: 0 0 25px rgba(201, 164, 86, 0.15);
  }
  50% {
    box-shadow: 0 0 45px rgba(201, 164, 86, 0.35);
  }
}

.ambient-glow {
  animation: ambientGlow 6s ease-in-out infinite;
}

/* Steam & Floating Atmosphere */
@keyframes floatSlow {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-8px);
  }
}

.float-slow {
  animation: floatSlow 5s ease-in-out infinite;
}

/* Image Zoom on Container Hover */
.image-zoom-container {
  overflow: hidden;
  position: relative;
}

.image-zoom-container img {
  transition: transform 1.2s cubic-bezier(0.16, 1, 0.3, 1), filter 0.8s ease;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

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

/* Gold Gradient Shimmer Animation */
@keyframes goldShimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}

.text-gold-gradient {
  background: linear-gradient(135deg, #f5e4b8 0%, #dfba73 35%, #c5a059 70%, #f5e4b8 100%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}

/* Accessibility: Reduced Motion Support */
@media (prefers-reduced-motion: reduce) {
  *, ::before, ::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  .reveal {
    opacity: 1 !important;
    transform: none !important;
  }
}

/* ============================================================
   Instant Page Navigation (fade transitions)
   ============================================================ */
/* SPA navigation swaps <main> in place (see js/page-transition.js) — no page
   fade, so there is never a black dip between pages. Kept intentionally empty. */

@media (prefers-reduced-motion: reduce) {
  html.js body {
    opacity: 1 !important;
    transition: none !important;
  }
}