/**
 * Solarize Energy Solutions — Premium Animation Styles
 */

/* ---------- NATIVE SMOOTH SCROLL RESTORED ---------- */

/* 2. Elegant Preloader Overlay */
#evolvix-preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #041E15; /* Matches footer's dark green theme */
  z-index: 99999;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  pointer-events: all;
  transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.6s;
}

#evolvix-preloader.fade-out {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.preloader-content {
  text-align: center;
  color: var(--color-white, #ffffff);
}

.preloader-logo {
  font-size: 2.25rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  font-family: var(--font-heading);
  margin-bottom: var(--space-xs, 8px);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.preloader-logo-mark {
  color: var(--color-accent, #F5B700);
  display: inline-block;
}

.preloader-logo-dot {
  color: var(--color-accent, #F5B700);
}

.preloader-subtitle {
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: rgba(255, 255, 255, 0.6);
  font-family: var(--font-body);
}

.preloader-bar-wrap {
  width: 120px;
  height: 2px;
  background: rgba(255, 255, 255, 0.1);
  margin: var(--space-md, 20px) auto 0;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}

.preloader-bar {
  width: 100%;
  height: 100%;
  background: var(--color-accent, #F5B700);
  transform: scaleX(0);
  transform-origin: left;
}

/* 3. Ambient Background Glow Blobs */
.bg-glow-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: -2;
}

.bg-glow-blob {
  position: absolute;
  width: 600px;
  height: 600px;
  border-radius: 50%;
  filter: blur(130px);
  opacity: 0.12;
  pointer-events: none;
  mix-blend-mode: screen;
  will-change: transform;
}

.bg-glow-blob-1 {
  background: radial-gradient(circle, rgba(11, 110, 79, 0.4) 0%, rgba(4, 30, 21, 0) 70%);
  top: 15%;
  right: -10%;
}

.bg-glow-blob-2 {
  background: radial-gradient(circle, rgba(245, 183, 0, 0.3) 0%, rgba(4, 30, 21, 0) 70%);
  top: 50%;
  left: -15%;
}

.bg-glow-blob-3 {
  background: radial-gradient(circle, rgba(11, 110, 79, 0.3) 0%, rgba(4, 30, 21, 0) 70%);
  bottom: 20%;
  right: -10%;
}

/* 4. GSAP FOUC Prevention & Animation Initial States */
.gsap-loaded .gsap-reveal {
  opacity: 0;
  visibility: hidden;
}

.gsap-loaded .hero-line-span {
  display: inline-block;
  overflow: hidden;
  vertical-align: bottom;
}

.gsap-loaded .hero-line-inner {
  display: inline-block;
  transform: translateY(100%);
}

/* 5. Sticky Header transitions */
.evolvix-header {
  transition: height 0.35s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.35s cubic-bezier(0.16, 1, 0.3, 1), backdrop-filter 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* 6. Accessibility & Reduced Motion Support */
@media (prefers-reduced-motion: reduce) {
  html.lenis, html.lenis body {
    scroll-behavior: smooth !important;
  }
  
  .bg-glow-blob, 
  #evolvix-preloader,
  .preloader-bar-wrap {
    display: none !important;
  }
  
  .gsap-loaded .gsap-reveal {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  .gsap-loaded .hero-line-inner {
    transform: none !important;
  }
}