/* PWA Native App Behaviors */
:root {
  --safe-area-inset-top: env(safe-area-inset-top);
  --safe-area-inset-bottom: env(safe-area-inset-bottom);
}

html, body {
  height: 100%;
  overscroll-behavior-y: none; /* Prevent pull-to-refresh pull away */
  -webkit-tap-highlight-color: transparent;
  user-select: none; /* Prevent text selection in UI elements */
}

body {
  padding-top: var(--safe-area-inset-top);
  padding-bottom: var(--safe-area-inset-bottom);
}

/* Custom Safe Area Utility */
.pb-safe {
  padding-bottom: var(--safe-area-inset-bottom);
}

.pt-safe {
  padding-top: var(--safe-area-inset-top);
}

.h-safe-bottom {
  height: var(--safe-area-inset-bottom);
}

/* Disable selection for navigation and buttons globally */
nav, button, a {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Scrollbar styling for native feel */
::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}

/* Smooth Scrolling */
html {
  scroll-behavior: smooth;
}

/* Standalone CSS - only applies when app is installed */
@media (display-mode: standalone) {
  body {
    /* Background color to match splash screen */
    background-color: #f6f7f8;
  }
}