/* PWA Specific Styles */

/* Hide elements when running in standalone mode */
.pwa-standalone .browser-only {
  display: none !important;
}

/* Adjust top padding for standalone mode (no browser UI) */
.pwa-standalone .pt-\[88px\] {
  padding-top: calc(env(safe-area-inset-top) + 60px) !important;
}

.pwa-standalone .lg\:pt-\[72px\] {
  padding-top: calc(env(safe-area-inset-top) + 60px) !important;
}


/* Notification styles for PWA updates */
.pwa-notification {
  animation: slideInFromRight 0.3s ease-out;
}

@keyframes slideInFromRight {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

/* Loading spinner for offline content */
.pwa-offline-indicator {
  position: fixed;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 10px 20px;
  border-radius: 20px;
  z-index: 1000;
  font-size: 14px;
}

/* Responsive adjustments for PWA */
@media (display-mode: standalone) {
  /* Additional styles for standalone mode */
  body {
    user-select: none; /* Prevent text selection on mobile */
    -webkit-touch-callout: none; /* Prevent callout on touch */
  }
  
  /* Safe area adjustments for devices with notches */
  .navbar {
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
  }
}

/* iOS specific adjustments */
@supports (-webkit-touch-callout: none) {
  .pwa-standalone {
    /* iOS Safari standalone mode adjustments */
    padding-bottom: env(safe-area-inset-bottom);
  }
}

/*# sourceMappingURL=pwa.css-3f59bc8d0d027fd36506a453a7e6b32d33b533903294374d0a4c16477b733ff8.map */