/* Safari White Screen Compatibility Fixes */

/* Safari-safe viewport units */
.full-height {
  height: 100vh;
  height: 100dvh; /* Safari 15.4+ */
}

@supports not (height: 100dvh) {
  .full-height {
    height: 100vh;
  }
}

/* Safari safe area padding for iOS */
.safe-area-padding {
  padding-top: env(safe-area-inset-top);
  padding-right: env(safe-area-inset-right);
  padding-bottom: env(safe-area-inset-bottom);
  padding-left: env(safe-area-inset-left);
}

/* Prevent webkit scrolling issues */
body {
  -webkit-overflow-scrolling: touch;
}

/* Fix backdrop-filter issues in Safari */
.backdrop-blur {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Ensure transforms work properly in Safari */
.transform {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

/* Safari-specific preloader failsafe */
.loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s ease;
}

.loading-overlay.hidden {
  opacity: 0;
  pointer-events: none;
}

/* Hide overlay after 5 seconds (Safari failsafe) */
@keyframes safari-timeout {
  0% { opacity: 1; }
  99% { opacity: 1; }
  100% { opacity: 0; pointer-events: none; }
}

.loading-overlay {
  animation: safari-timeout 5s forwards;
}