/* ============================================
   MOBILE NAVIGATION FIX - SIMPLE & WORKING
   Desktop nav stays visible, mobile gets FAB
   ============================================ */

/* DESKTOP: Hamburger always hidden */
.hamburger {
  display: none !important;
}

/* MOBILE ONLY: Hide desktop nav, show FAB */
@media (max-width: 768px) {
  /* Hide desktop nav on mobile */
  header nav {
    display: none !important;
  }
  
  /* Mobile header adjustments */
  header {
    padding: 0.5rem 1rem;
  }
  
  header .logo img {
    max-height: 40px;
  }
}

/* Hero fixes on mobile - MINIMAL APPROACH */
@media (max-width: 768px) {
  /* Disable animations */
  .hero *,
  .hero [data-aos] {
    animation: none !important;
    transition: none !important;
    opacity: 1 !important;
  }
  
  /* Override desktop gradient with light gradient - ALL HERO CLASSES */
  .hero:not([class*="hero-"]),
  .hero-about,
  .hero.hero-services,
  .hero-ignition,
  .hero-kairos,
  .hero-vgl,
  .hero-boosters,
  .hero-consulting,
  .hero-blog,
  .hero-contact {
    /* Override desktop fixed attachment */
    background-attachment: scroll !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
  }
  
  /* Override desktop gradient - per page */
  .hero:not([class*="hero-"]) {
    background-image: 
      linear-gradient(135deg, rgba(0, 26, 77, 0.25) 0%, rgba(0, 61, 130, 0.20) 100%),
      url('/assets/hero-backgrounds/home-spark.webp') !important;
  }
  
  .hero-about {
    background-image: 
      linear-gradient(135deg, rgba(0, 26, 77, 0.25) 0%, rgba(0, 61, 130, 0.20) 100%),
      url('/assets/hero-backgrounds/about-founders.webp') !important;
  }
  
  .hero.hero-services {
    background-image: 
      linear-gradient(135deg, rgba(0, 26, 77, 0.25) 0%, rgba(0, 61, 130, 0.20) 100%),
      url('/assets/hero-backgrounds/services-arsenal.webp') !important;
  }
  
  .hero-ignition {
    background-image: 
      linear-gradient(135deg, rgba(0, 26, 77, 0.25) 0%, rgba(0, 61, 130, 0.20) 100%),
      url('/assets/hero-backgrounds/ignition-system.webp') !important;
  }
  
  .hero-kairos {
    background-image: 
      linear-gradient(135deg, rgba(0, 26, 77, 0.25) 0%, rgba(0, 61, 130, 0.20) 100%),
      url('/assets/hero-backgrounds/ignition-system.webp') !important;
  }
  
  .hero-vgl {
    background-image: 
      linear-gradient(135deg, rgba(0, 26, 77, 0.25) 0%, rgba(0, 61, 130, 0.20) 100%),
      url('/assets/hero-backgrounds/vgl-network.webp') !important;
  }
  
  .hero-boosters {
    background-image: 
      linear-gradient(135deg, rgba(0, 26, 77, 0.25) 0%, rgba(0, 61, 130, 0.20) 100%),
      url('/assets/hero-backgrounds/boosters-acceleration.webp') !important;
  }
  
  .hero-consulting {
    background-image: 
      linear-gradient(135deg, rgba(0, 26, 77, 0.25) 0%, rgba(0, 61, 130, 0.20) 100%),
      url('/assets/hero-backgrounds/consulting-guidance.webp') !important;
  }
  
  .hero-blog {
    background-image: 
      linear-gradient(135deg, rgba(0, 26, 77, 0.25) 0%, rgba(0, 61, 130, 0.20) 100%),
      url('/assets/hero-backgrounds/blog-knowledge.webp') !important;
  }
  
  .hero-contact {
    background-image: 
      linear-gradient(135deg, rgba(0, 26, 77, 0.25) 0%, rgba(0, 61, 130, 0.20) 100%),
      url('/assets/hero-backgrounds/contact-connection.webp') !important;
  }
  
  /* Keep pseudo-element overlays light */
  .hero::before {
    opacity: 0.2 !important;
    background: radial-gradient(circle at 50% 50%, rgba(0, 26, 77, 0.2) 0%, transparent 70%) !important;
  }
  
  .hero::after {
    opacity: 0.2 !important;
  }
}