/* MineConnect SAT PWA Theme */
:root {
  --theme-color: #020617;
  --theme-primary: #3b82f6;
  --theme-accent: #10b981;
}

/* Mobile viewport optimization */
@viewport {
  width: device-width;
  initial-scale: 1;
  user-scalable: no;
}

/* Prevent text selection and zoom on mobile */
.mobile-no-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}

/* Safe area for iPhone X and newer */
.safe-area {
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
}

/* Hardware acceleration */
.hardware-accelerated {
  transform: translateZ(0);
  backface-visibility: hidden;
  perspective: 1000px;
}

/* Touch-friendly button sizes */
.touch-button {
  min-height: 44px;
  min-width: 44px;
}

/* Scrollbar styling */
.custom-scrollbar::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.custom-scrollbar::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background: rgba(59, 130, 246, 0.5);
  border-radius: 3px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: rgba(59, 130, 246, 0.7);
}

/* Mobile landscape optimization */
@media (max-height: 600px) and (orientation: landscape) {
  .mobile-landscape-compact {
    padding: 0.5rem;
  }
  
  .mobile-landscape-compact h2 {
    font-size: 1.25rem;
  }
}