/* The Lab - Spray Wall App Styles */

* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

html {
  /* scroll-behavior: auto for instant navigation */
}

body {
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overscroll-behavior-y: contain;
  touch-action: manipulation;
}

/* Safe area support for iPhone notches */
.safe-area-bottom {
  padding-bottom: env(safe-area-inset-bottom, 0);
}

/* Hide default details marker */
details summary::-webkit-details-marker {
  display: none;
}

details summary {
  list-style: none;
}

/* Custom scrollbar for webkit browsers */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #18181b;
}

::-webkit-scrollbar-thumb {
  background: #3f3f46;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #52525b;
}

/* Mobile-specific improvements */
@media (max-width: 640px) {
  /* Ensure touch targets are at least 44px */
  button, a {
    min-height: 44px;
  }

  /* Prevent text selection on UI elements */
  button, nav, .nav-button {
    -webkit-user-select: none;
    user-select: none;
  }
}

/* Prevent zoom on input focus on iOS */
@media screen and (max-width: 768px) {
  input, select, textarea {
    font-size: 16px !important;
  }
}

/* Touch-action for image editing area */
.touch-none {
  touch-action: none;
}

/* Disable double-tap zoom on buttons */
button {
  touch-action: manipulation;
}