/* pwa-styles.css - Additional styles for PWA fullscreen mode */

/* Handle safe area insets for notched devices */
@supports (padding: max(0px)) {
  .header {
    padding-top: max(14px, env(safe-area-inset-top));
    padding-left: max(20px, env(safe-area-inset-left));
    padding-right: max(20px, env(safe-area-inset-right));
  }
  
  .mobile-bottom-nav {
    padding-bottom: max(6px, env(safe-area-inset-bottom));
    padding-left: max(10px, env(safe-area-inset-left));
    padding-right: max(10px, env(safe-area-inset-right));
  }
  
  .bottom-spacer {
    height: max(1px, env(safe-area-inset-bottom));
  }
  
  .mobile-menu {
    padding-top: max(16px, env(safe-area-inset-top));
    padding-bottom: max(16px, env(safe-area-inset-bottom));
    padding-left: max(16px, env(safe-area-inset-left));
    padding-right: max(16px, env(safe-area-inset-right));
  }
  
  .float-cta {
    right: max(16px, env(safe-area-inset-right));
    bottom: max(16px, env(safe-area-inset-bottom));
  }
}

/* Additional PWA-specific styles */
body {
  /* Prevent pull-to-refresh gesture in PWA */
  overscroll-behavior-y: contain;
}

/* Hide scrollbar for fullscreen experience */
::-webkit-scrollbar {
  display: none;
}

/* Fullscreen specific adjustments */
@media (display-mode: fullscreen) {
  .header {
    /* Add slight shadow to distinguish from content in fullscreen */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  }
}