/* Hide all error overlays on Safari/iPad */
@supports (-webkit-touch-callout: none) {
  /* Safari/iOS specific styles */
  
  /* Hide React error overlay */
  iframe[style*="position: fixed"],
  iframe[style*="z-index: 2147483647"],
  div[style*="position: fixed"][style*="z-index: 2147483647"],
  div[class*="error-overlay"],
  div[class*="ErrorOverlay"],
  div[id*="error-overlay"],
  div[id*="ErrorOverlay"],
  .react-error-overlay {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
  
  /* Hide any runtime error messages */
  div:has(> h2:first-child:contains("Runtime Error")),
  div:has(> h2:first-child:contains("Script Error")),
  div:has(> h2:first-child:contains("Uncaught")) {
    display: none !important;
  }
  
  /* Hide error boundaries that show errors */
  .error-boundary-container,
  .error-content {
    display: none !important;
  }
  
  /* Override any inline styles that might show errors */
  body > div[style*="background-color: rgb(255, 255, 255)"][style*="position: fixed"] {
    display: none !important;
  }
  
  /* Hide any console-like error displays */
  pre[style*="color: red"],
  pre[style*="color: rgb(255, 0, 0)"],
  code[style*="color: red"],
  code[style*="color: rgb(255, 0, 0)"] {
    display: none !important;
  }
}

/* Additional hiding for iPad specifically */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  iframe[style*="position: fixed"],
  div[style*="position: fixed"][style*="background"] {
    display: none !important;
  }
}