/* iOS Select Fixes */
select.auth-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23b2b2b2'%3e%3cpath d='M7 10l5 5 5-5z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 20px;
  padding-right: 40px !important;
}

/* Remove default arrow in IE and Edge */
select.auth-input::-ms-expand {
  display: none;
}

/* Ensure consistent height across browsers */
select.auth-input,
input.auth-input {
  height: auto;
  min-height: 48px;
  line-height: normal;
  box-sizing: border-box;
}

/* Reset iOS border radius and styling */
@supports (-webkit-touch-callout: none) {
  select.auth-input,
  input.auth-input {
    border-radius: var(--radius-lg) !important;
    -webkit-border-radius: var(--radius-lg) !important;
  }

  /* Fix for iOS Safari specific issues */
  select.auth-input {
    text-indent: 1px;
    text-overflow: "";
  }
}