/*-----------------------------------------------
|   Phoenix buttons
-----------------------------------------------*/
/* -------------------------------------------------------------------------- */
/*                                Phoenix button                              */
/* -------------------------------------------------------------------------- */
/* prettier-ignore */
/* ----------------------------- Phoenix-buttons ---------------------------- */
/*# sourceMappingURL=user.css.map */

/*-----------------------------------------------
|   macOS Blue Border Removal
-----------------------------------------------*/
/* Remove blue borders on macOS devices for all form elements */
input,
textarea,
select,
button,
[contenteditable],
.form-control,
.form-select,
.form-check-input,
.btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none !important;
  box-shadow: none !important;
}

/* Remove focus outline for all elements */
*:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* Remove the blue glow effect on focus for form elements */
input:focus,
textarea:focus,
select:focus,
button:focus,
[contenteditable]:focus,
.form-control:focus,
.form-select:focus,
.form-check-input:focus,
.btn:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: inherit !important;
}

/* Remove webkit-specific focus styles */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Remove default button styling on webkit browsers */
button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
}

/* Ensure consistent styling across browsers */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="url"],
input[type="search"],
textarea,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
}