/* iOS Safari only fixes - high specificity */

/* Target only iOS Safari */
@supports (-webkit-touch-callout: none) {
  html, 
  html body {
    background-color: #1a1a1a !important;
    color: white !important;
  }
  
  /* Mobile only */
  @media (max-width: 767px) {
    /* Hide default navigation */
    .nav-menu,
    html .nav-menu,
    body .nav-menu {
      display: none !important;
      visibility: hidden !important;
      opacity: 0 !important;
      height: 0 !important;
      width: 0 !important;
      pointer-events: none !important;
    }
    
    /* Force hamburger display */
    .hamburger-menu,
    html .hamburger-menu,
    body .hamburger-menu {
      display: flex !important;
      visibility: visible !important;
      opacity: 1 !important;
      pointer-events: auto !important;
    }
    
    /* Hero section background */
    .hero,
    html .hero,
    body .hero {
      background-color: #1a1a1a !important;
      background-image: url('../assets/images/MiniForgeLabs.jpg') !important;
      background-size: cover !important;
      background-position: center center !important;
      background-repeat: no-repeat !important;
    }
    
    /* Mobile nav styling */
    .mobile-nav.active,
    html .mobile-nav.active,
    body .mobile-nav.active {
      opacity: 1 !important;
      visibility: visible !important;
      pointer-events: auto !important;
    }
  }
}