/* Mobile Input Fixes */

/* Fix for iOS and Android numeric keyboards */
input[type="number"],
input[inputmode="decimal"],
input[pattern*="[0-9]"] {
  /* Remove browser-specific styling */
  -webkit-appearance: none !important;
  -moz-appearance: textfield !important;
  appearance: none !important;
  
  /* Fix for iOS zoom on focus */
  font-size: 16px !important; /* Prevent iOS from zooming in */
  
  /* Better touch target size */
  min-height: 44px !important;
  
  /* Ensure proper styling */
  border-radius: 4px !important;
  padding: 8px 12px !important;
}

/* Hide spin buttons */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

/* Add additional focus styling for better visibility */
input[type="number"]:focus,
input[inputmode="decimal"]:focus,
input[pattern*="[0-9]"]:focus {
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.5) !important;
}

/* Ensure keyboard appears on focus for mobile devices */
@media (pointer: coarse) {
  input[type="number"],
  input[inputmode="decimal"],
  input[pattern*="[0-9]"] {
    cursor: text !important;
    -webkit-user-select: text !important;
    user-select: text !important;
  }
}