/* 
 * iPad and mobile device optimizations
 * Improves touch interactions on iOS and other mobile devices
 */

/* Base optimizations */
body {
  font-size: 16px; /* comfortable tap targets */
  touch-action: manipulation;
  -webkit-touch-callout: none; /* Prevents long-press menu on iOS */
  -webkit-user-select: none;
}

/* Larger touch targets for interactive elements */
button, a, input, textarea {
  font-size: 1rem;
  padding: 0.75rem 1rem;
  border-radius: 8px;
  min-height: 44px; /* Apple's recommended minimum for tap targets */
  box-sizing: border-box;
}

/* Specific styling for route buttons */
.route-button {
  background-color: #4CAF50;
  color: white;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  margin-top: 8px;
}

/* Responsive container fix */
.container {
  max-width: 100vw;
  overflow-x: hidden;
  padding: 0 1rem;
}

/* Ensure navbar links have adequate tap targets */
.navbar-nav .nav-link {
  padding: 0.4rem !important;
  min-height: 44px;
}

/* Fix for iOS momentum scrolling */
.overflow-scroll, .overflow-auto {
  -webkit-overflow-scrolling: touch;
}

/* iOS specific fixes for navbar dropdowns */
@supports (-webkit-touch-callout: none) {
  .navbar-collapse {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
  
  /* More space for navigation links on iPad */
  .navbar-nav .nav-item {
    margin-bottom: 4px;
  }
}