/* Mobile Navigation Fixes for Nebulance Systems */

/* Fix hero section mobile padding to prevent navbar overlap */
@media (max-width: 768px) {
  .hero-content {
    padding-top: 100px !important;
    min-height: calc(100vh - 100px) !important;
  }
  
  .hero-title {
    font-size: 2.25rem !important;
    line-height: 1.1 !important;
    margin-bottom: 1.5rem !important;
  }
  
  /* Ensure proper spacing for all page sections */
  .page-section {
    padding-top: 100px !important;
    margin-top: -100px !important;
  }
  
  /* Fix navbar z-index to stay above content */
  nav {
    z-index: 9999 !important;
    position: fixed !important;
    top: 0 !important;
    width: 100% !important;
  }
  
  /* Smooth scroll with offset for mobile */
  html {
    scroll-padding-top: 100px;
    scroll-behavior: smooth;
  }
  
  /* Fix mobile video container */
  .hero-video-container {
    height: 100vh !important;
    padding-top: 100px !important;
  }
}

@media (max-width: 480px) {
  .hero-content {
    padding-top: 120px !important;
    min-height: calc(100vh - 120px) !important;
  }
  
  .hero-title {
    font-size: 1.875rem !important;
    padding: 0 0.5rem !important;
  }
  
  html {
    scroll-padding-top: 120px;
  }
}

/* Desktop styles */
@media (min-width: 769px) {
  .hero-content {
    padding-top: 0 !important;
  }
  
  .hero-title {
    font-size: 4rem !important;
  }
  
  html {
    scroll-padding-top: 60px;
    scroll-behavior: smooth;
  }
}