/* Custom Boeing 737 Cockpit Styles */

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', sans-serif;
  background: linear-gradient(180deg, #1a1a1a 0%, #2a2a2a 100%);
}

/* Vertical slider styling for throttles */
input[type="range"][style*="vertical"] {
  -webkit-appearance: slider-vertical;
  width: 60px;
  height: 256px;
}

/* Glow effects for active systems */
.shadow-green-500\/50 {
  box-shadow: 0 0 20px rgba(34, 197, 94, 0.5);
}

.shadow-blue-500\/50 {
  box-shadow: 0 0 20px rgba(59, 130, 246, 0.5);
}

.shadow-amber-500\/50 {
  box-shadow: 0 0 20px rgba(245, 158, 11, 0.5);
}

.shadow-red-500\/50 {
  box-shadow: 0 0 20px rgba(239, 68, 68, 0.5);
}

/* Animation for pulsing warnings */
@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
}

.animate-pulse {
  animation: pulse 1s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Monospace number styling */
.tabular-nums {
  font-variant-numeric: tabular-nums;
}

/* Cockpit panel texture */
.bg-gray-800 {
  background-image: 
    linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);
  background-size: 50px 50px;
}

/* Seven segment display glow */
.text-green-400 {
  text-shadow: 0 0 10px rgba(34, 197, 94, 0.8);
}

/* Realistic switch appearance */
input[type="range"] {
  cursor: pointer;
  accent-color: #00ff41;
}

/* Hover effects for interactive elements */
button:hover {
  transform: translateY(-1px);
  transition: transform 0.1s;
}

button:active {
  transform: translateY(0);
}

/* Panel depth effect */
.bg-gray-800 {
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* Attitude indicator gradient smoothing */
.bg-gradient-to-b, .bg-gradient-to-t {
  background-blend-mode: overlay;
}

/* Responsive text scaling */
@media (max-width: 768px) {
  .text-3xl {
    font-size: 1.5rem;
  }
  
  .text-2xl {
    font-size: 1.25rem;
  }
}