/* iOS Safari Blue Color Fix for Select Dropdowns */
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  outline: none;
}

select:focus {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Remove iOS Safari blue tint */
select,
select:focus,
select:active,
select:hover {
  -webkit-tap-highlight-color: transparent;
  background-color: transparent !important;
  color: inherit !important;
}

/* Specific fix for contact form selects */
.modern-contact-form select,
.contact-form-container select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent !important;
  -webkit-tap-highlight-color: transparent;
  color: inherit !important;
}

.modern-contact-form select:focus,
.contact-form-container select:focus {
  -webkit-tap-highlight-color: transparent;
  background-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}

/* iOS Safari specific fixes */
@supports (-webkit-touch-callout: none) {
  select {
    -webkit-tap-highlight-color: transparent;
    background-color: transparent !important;
  }
  
  select:focus {
    -webkit-tap-highlight-color: transparent;
    background-color: transparent !important;
  }
}

/* Additional iOS Safari fixes for dropdown menus */
select option {
  background-color: white !important;
  color: black !important;
}

/* Fix for iOS Safari dropdown arrow */
select {
  background-image: none !important;
}

/* Remove iOS Safari default styling */
select {
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* Force remove any blue tint on iOS */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  select {
    -webkit-tap-highlight-color: transparent !important;
    background-color: transparent !important;
  }
  
  select:focus {
    -webkit-tap-highlight-color: transparent !important;
    background-color: transparent !important;
  }
}