/* ==========================================================================
   AVENTRA SPICE GLOBAL - Smooth Animations & Transitions
   ========================================================================== */

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

.gold-shimmer {
  background: linear-gradient(
    90deg, 
    rgba(200, 150, 62, 0) 0%, 
    rgba(255, 243, 199, 0.6) 50%, 
    rgba(200, 150, 62, 0) 100%
  );
  background-size: 200% 100%;
  animation: goldShimmer 3s infinite linear;
}

/* Subtle Floating Leaf / Spice Animation */
@keyframes floatGentle {
  0%, 100% {
    transform: translateY(0) rotate(0deg);
  }
  50% {
    transform: translateY(-8px) rotate(2deg);
  }
}

.floating-anim {
  animation: floatGentle 5s ease-in-out infinite;
}

/* Pulse for WhatsApp CTA & Live Badges */
@keyframes pulseGreen {
  0% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.6);
  }
  70% {
    box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
  }
}

.pulse-wa {
  animation: pulseGreen 2.2s infinite;
}

/* Hero Staggered Content Reveals */
.hero-slide.active .hero-tag {
  animation: slideInDown 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.hero-slide.active .hero-title {
  animation: slideInUp 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.15s both;
}

.hero-slide.active .hero-subtitle {
  animation: slideInUp 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.3s both;
}

.hero-slide.active .hero-badges-row {
  animation: slideInUp 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.45s both;
}

.hero-slide.active .hero-cta-group {
  animation: slideInUp 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.6s both;
}

@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(35px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  from {
    opacity: 0;
    transform: translateY(-25px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Scroll Reveal Classes (Driven by IntersectionObserver) */
.reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

.reveal.revealed {
  opacity: 1;
  transform: translateY(0);
}

.reveal-delay-1 { transition-delay: 0.1s; }
.reveal-delay-2 { transition-delay: 0.2s; }
.reveal-delay-3 { transition-delay: 0.3s; }
.reveal-delay-4 { transition-delay: 0.4s; }
.reveal-delay-5 { transition-delay: 0.5s; }

/* Subtle Badge Glow */
.badge-glow {
  position: relative;
}

.badge-glow::after {
  content: '';
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  background: linear-gradient(135deg, rgba(200, 150, 62, 0.4), rgba(22, 163, 74, 0.4));
  z-index: -1;
  filter: blur(4px);
  opacity: 0.7;
}

/* Page Preloader / Transition Bar */
#page-progress-bar {
  position: fixed;
  top: 0;
  left: 0;
  height: 3px;
  background: linear-gradient(90deg, #16a34a, #c8963e, #ea580c);
  z-index: 9999;
  width: 0%;
  transition: width 0.3s ease;
}

/* ==========================================================================
   SPICE LINEAR SCATTER DECORATIONS
   Authentic roasted grain seeds, turmeric dust, chili flakes scattered across sections
   ========================================================================== */

/* Reusable scatter container */
.spice-trail {
  position: absolute;
  pointer-events: none;
  z-index: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}

/* Generic grain element */
.sg {
  position: absolute;
  border-radius: 50%;
  animation: sgDrift 8s ease-in-out infinite alternate;
}

/* Cumin / pepper seed shape */
.sg-seed {
  width: 5px;
  height: 13px;
  border-radius: 50%;
  background: var(--emerald-700, #166534);
  opacity: 0.1;
  transform: rotate(35deg);
}

/* Turmeric powder dust spot */
.sg-dust {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--gold-500, #eab308);
  opacity: 0.13;
  filter: blur(1.5px);
}

/* Chili flake */
.sg-flake {
  width: 4px;
  height: 8px;
  border-radius: 3px 50% 50% 3px;
  background: var(--spice-600, #ea580c);
  opacity: 0.11;
  transform: rotate(-22deg);
}

@keyframes sgDrift {
  0%   { transform: translateY(0)    rotate(0deg)  scale(1); }
  100% { transform: translateY(-9px) rotate(14deg) scale(1.06); }
}

.sg:nth-child(2n) { animation-delay: 0.8s;  animation-duration: 9.5s; }
.sg:nth-child(3n) { animation-delay: 1.6s;  animation-duration: 7s; }
.sg:nth-child(4n) { animation-delay: 2.4s;  animation-duration: 11s; }
.sg:nth-child(5n) { animation-delay: 0.3s;  animation-duration: 8.5s; }
.sg:nth-child(6n) { animation-delay: 1.2s;  animation-duration: 10s; }
.sg:nth-child(7n) { animation-delay: 3.1s;  animation-duration: 6.5s; }

/* Dark-bg variant (hero, certifications) — slightly brighter */
.spice-trail.dark-bg .sg-seed  { background: rgba(200,150,62,1);  opacity: 0.18; }
.spice-trail.dark-bg .sg-dust  { background: rgba(250,204,21,1);  opacity: 0.15; }
.spice-trail.dark-bg .sg-flake { background: rgba(249,115,22,1);  opacity: 0.16; }

/* --- Linear Spice Grain Row (horizontal divider with seeds) --- */
.spice-grain-line {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 100%;
  height: 24px;
  position: relative;
  overflow: visible;
}

.spice-grain-line::before,
.spice-grain-line::after {
  content: '';
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(200,150,62,0.35), transparent);
}

/* Individual seed shapes in the linear grain row */
.gl-seed {
  display: inline-block;
  background: var(--gold-500, #eab308);
  opacity: 0.55;
  border-radius: 50%;
}

.gl-seed.sm   { width: 4px;  height: 4px;  background: var(--gold-400, #facc15); }
.gl-seed.md   { width: 5px;  height: 5px;  background: var(--gold-500, #eab308); }
.gl-seed.cumin {
  width: 3px; height: 11px;
  border-radius: 50%;
  background: var(--emerald-700, #166534);
  opacity: 0.45;
  transform: rotate(30deg);
}
.gl-seed.pepper {
  width: 6px; height: 6px;
  border-radius: 50%;
  background: #2d1a0e;
  opacity: 0.35;
}
.gl-seed.chili {
  width: 3px; height: 7px;
  border-radius: 3px;
  background: var(--spice-600, #ea580c);
  opacity: 0.45;
  transform: rotate(-20deg);
}

/* --- Icon Row Divider (between sections) --- */
.spice-icon-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 0.5rem 0;
  opacity: 0.55;
}

.spice-icon-row i {
  font-size: 1rem;
  color: var(--gold-600, #c8963e);
  animation: sgDrift 6s ease-in-out infinite alternate;
}
.spice-icon-row i:nth-child(2) { animation-delay: 1s;   color: var(--spice-600, #ea580c); }
.spice-icon-row i:nth-child(3) { animation-delay: 2s;   color: var(--emerald-600, #16a34a); }
.spice-icon-row i:nth-child(4) { animation-delay: 0.5s; color: var(--gold-400, #facc15); }
.spice-icon-row i:nth-child(5) { animation-delay: 1.5s; color: var(--spice-700, #c2410c); }

/* --- Decorative corner grain on section/card --- */
.card-spice-corner {
  position: absolute;
  font-size: 1.8rem;
  opacity: 0.06;
  transform: rotate(25deg);
  pointer-events: none;
  user-select: none;
}
.card-spice-corner.tr { top: -10px; right: -8px; }
.card-spice-corner.bl { bottom: -10px; left: -8px; transform: rotate(-20deg); }