/* Safari-specific mobile fixes for iPhone - SIMPLIFIED VERSION */
/* This file specifically targets Safari browser on iOS devices */

/* Safari iOS detection and essential fixes only - UPDATED 2024 RELIABLE DETECTION */
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
  /* Safari-specific viewport fixes - MINIMAL */
  html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }
  
  body {
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: none;
  }
  
  /* Fix Safari fixed positioning bugs - SPECIFIC ELEMENTS ONLY */
  .header {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  
  .whatsapp-float {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  
  /* Safari animation optimizations - SPECIFIC ELEMENTS ONLY */
  .collection-track {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  
  /* Safari form input fixes - NO ZOOM PREVENTION */
  input, select, textarea {
    -webkit-appearance: none;
    appearance: none;
  }
  
  /* Safari button optimizations */
  button, .btn, a[role="button"] {
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
  }
  
  /* CRITICAL: Safari mobile responsive design fixes */
  @media screen and (max-width: 1024px) {
    /* Force mobile layout on Safari mobile */
    .hero-content-wrapper {
      display: block !important;
      grid-template-columns: none !important;
      gap: 24px !important;
    }
    
    /* Ensure Safari mobile shows proper mobile layout */
    body {
      font-size: 14px !important;
    }
    
    /* Safari mobile viewport fixes */
    html, body {
      width: 100% !important;
      overflow-x: hidden !important;
    }
  }
}