/* LockerRoom Link - Global Styles */

/* Install Prompt Animation */
@keyframes slide-up {
  from {
    transform: translateY(100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.animate-slide-up {
  animation: slide-up 0.4s ease-out forwards;
}

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

/* Hide scrollbar but keep functionality */
.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

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

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: rgba(234, 88, 12, 0.3);
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(234, 88, 12, 0.5);
}

/* Dark mode scrollbar */
.dark ::-webkit-scrollbar-thumb {
  background: rgba(234, 88, 12, 0.4);
}

.dark ::-webkit-scrollbar-thumb:hover {
  background: rgba(234, 88, 12, 0.6);
}

/* Touch action for playbook and draggable elements */
.touch-action-none {
  touch-action: none;
}

/* Prevent text selection during drag */
.select-none {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* iOS-specific fixes */
@supports (-webkit-touch-callout: none) {
  /* Disable callout on long press */
  body {
    -webkit-touch-callout: none;
  }
  
  /* Fix for iOS momentum scrolling */
  .overflow-y-auto {
    -webkit-overflow-scrolling: touch;
  }
}

/* PWA standalone mode adjustments */
@media (display-mode: standalone) {
  /* Add safe area padding for notched devices */
  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);
  }
}

/* Prevent pull-to-refresh on mobile */
body {
  overscroll-behavior-y: contain;
}

/* Focus styles for accessibility */
:focus-visible {
  outline: 2px solid #ea580c;
  outline-offset: 2px;
}

/* Remove tap highlight on mobile */
* {
  -webkit-tap-highlight-color: transparent;
}