/**
 * Homepage Hero Section - Fixed Content Area Design
 * Professional business profile cards with content display below
 * 
 * @package Zero_Qubit_Astra_Child
 * @since 1.0.0
 */

/* ===================================
   HERO TYPOGRAPHY - Apple Design Guidelines
   =================================== */

.hero-main-title.headline-display {
  font-family: var(--font-display) !important;
  font-size: clamp(3.5rem, 7vw, 6rem) !important;
  font-weight: 800 !important;
  line-height: 1.02 !important;
  letter-spacing: -0.03em !important;
  background: var(--gradient-primary) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: var(--color-quantum-primary) !important;
  text-align: center !important;
  margin-bottom: 1.5rem !important;
  animation: subtleGlow 4s ease-in-out infinite alternate !important;
}

/* Split Headline Container */
.hero-headline-container {
  max-width: 1000px !important;
  margin: 0 auto 2rem auto !important;
  text-align: center !important;
  position: relative !important;
  z-index: 2 !important;
}

/* Urgency Statement - Create Problem Awareness */
.hero-headline-urgency {
  font-family: var(--font-display) !important;
  font-size: clamp(1.5rem, 3.2vw, 2.25rem) !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  color: var(--text-primary) !important;
  text-align: center !important;
  margin: 0 0 0.75rem 0 !important;
  letter-spacing: -0.02em !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
  animation: fadeInUp 0.8s ease-out 0.3s backwards !important;
}

/* Solution Statement - Position as the Answer */
.hero-headline-solution {
  font-family: var(--font-display) !important;
  font-size: clamp(1.5rem, 3.2vw, 2.25rem) !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  color: var(--text-primary) !important;
  text-align: center !important;
  margin: 0 !important;
  letter-spacing: -0.02em !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
  animation: fadeInUp 0.8s ease-out 0.7s backwards !important;
}

/* Animation for impactful entrance */
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Subtle glow animation for hero title */
@keyframes subtleGlow {
  0% {
    filter: brightness(1) saturate(1);
    transform: scale(1);
  }
  100% {
    filter: brightness(1.1) saturate(1.2);
    transform: scale(1.005);
  }
}

/* ===================================
   SIMPLIFIED HERO SECTION - CENTERED DESIGN
   =================================== */

/* Hero Section - Centered Layout */
.hero-section-centered {
  padding: 3rem 0 2rem 0 !important;
  text-align: center !important;
  position: relative !important;
  background: var(--bg-primary) !important;
  overflow: hidden !important;
}

/* Override AST Container Constraints for Hero Section */
.hero-section .ast-container,
.hero-section-centered .ast-container {
  max-width: none !important;
  width: 100% !important;
  padding: 0 0.25rem !important;
}

.hero-content-centered {
  max-width: 1800px !important;
  margin: 0 auto !important;
  padding: 0 0.25rem !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  position: relative !important;
  z-index: 2 !important;
}

/* ===================================
   RESPONSIVE DESIGN - SIMPLIFIED HERO
   =================================== */

@media (max-width: 1024px) {
  .hero-section-centered {
    padding: 3rem 0 2.5rem 0 !important;
  }
  
  .hero-content-centered {
    padding: 0 0.25rem !important;
  }
}

@media (max-width: 768px) {
  .hero-section-centered {
    padding: 2.5rem 0 2rem 0 !important;
  }
  
  .hero-content-centered {
    padding: 0 0.25rem !important;
  }
  
  /* Mobile headline adjustments */
  .hero-headline-container {
    max-width: 95% !important;
    margin-bottom: 1rem !important;
  }
  
  .hero-headline-urgency {
    font-size: clamp(1.25rem, 6vw, 1.75rem) !important;
    margin-bottom: 0.5rem !important;
  }
  
  .hero-headline-solution {
    font-size: clamp(1.25rem, 6vw, 1.75rem) !important;
  }
}

/* ===================================
   ACCESSIBILITY & INTERACTIONS - SIMPLIFIED HERO
   =================================== */

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
  /* Remove headline animations for reduced motion */
  .hero-headline-urgency,
  .hero-headline-solution {
    opacity: 1 !important;
    transform: translateY(0) !important;
    animation: none !important;
  }
  
  .hero-main-title {
    animation: none !important;
  }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
  .hero-section-centered {
    background: var(--bg-primary) !important;
    border-bottom: 2px solid var(--text-primary) !important;
  }
}