/* ============================================
   SellSpark Hero — Radial Sunburst Background
   ============================================
   Adds an animated radial sunburst pattern behind
   the hero section's image showcase area.

   - Warm copper/orange rays in brand palette
   - Very slow rotation (600s / 10min per revolution)
   - Gentle pulse glow on the radial gradient overlay
   - 70% opacity for subtlety
   ============================================ */

/* Hero section must be positioned for the absolute sunburst layer */
section.hero {
  position: relative;
  overflow: hidden;
}

/* Sunburst container — sits behind all hero content */
#sunburst-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
  opacity: 0;
  animation: sunburstFadeIn 3s ease-out 0.5s forwards;
  /* NOTE: Removed 'contain: layout style paint' - broke click events in Opera */
  /* NOTE: will-change re-enabled after disabling 3D transforms (v6.0.145) */
}

/* Ensure all direct children of hero sit above the sunburst */
section.hero > *:not(#sunburst-bg) {
  position: relative;
  z-index: 1;
}

/* SVG fills the container */
#sunburst-bg svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

/* ---- Animations ---- */

@keyframes sunburstFadeIn {
  from { opacity: 0; }
  to { opacity: 0.8; }
}

@keyframes sunburstRotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes sunburstPulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.6; }
}

/* Ray group — very slow rotation (transform-origin set dynamically by JS) */
#sunburst-rays {
  animation: sunburstRotate 600s linear infinite;
  pointer-events: none; /* Critical: prevent rays from blocking clicks */
  will-change: transform; /* GPU compositing for smooth rotation */
}

/* Radial gradient overlay — gentle breathing pulse */
#sunburst-glow {
  animation: sunburstPulse 8s ease-in-out infinite;
  will-change: opacity; /* GPU compositing for smooth pulse */
}