/* iOS PWA specific styles */

/* Handle safe areas for devices with notches - only in standalone PWA mode */
@media all and (display-mode: standalone) {
  body {
    padding-top: env(safe-area-inset-top);
    padding-bottom: env(safe-area-inset-bottom);
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
  }
}

/* Ensure full height on iOS PWA */
html, body {
  height: 100vh;
  height: -webkit-fill-available;
}

/* Fix viewport height issues on iOS */
.full-height {
  height: 100vh;
  height: -webkit-fill-available;
}

/* Prevent zoom on input focus (iOS Safari) */
input, select, textarea {
  font-size: 16px !important;
}

/* Hide address bar on iOS when in standalone mode */
@media all and (display-mode: standalone) {
  body {
    -webkit-user-select: none;
    -webkit-touch-callout: none;
  }
  
  /* Prevent pull-to-refresh */
  body {
    overscroll-behavior-y: contain;
  }
}

/* Status bar styling for iOS */
@supports (-webkit-touch-callout: none) {
  .status-bar-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: env(safe-area-inset-top);
    background-color: var(--primary-color, #ffffff);
    z-index: 9999;
  }
}

/* Improve touch targets for iOS */
button, .button, a {
  min-height: 44px;
  min-width: 44px;
}

/* iOS specific scrolling */
.scrollable {
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}