/* Remove click/focus square outline on interactive controls */
button,
a,
input,
select,
textarea,
summary,
[role='button'],
.btn,
.co-btn,
.co-card,
.co-page-btn,
.flipper,
.multiselect,
.multiselect__option,
.multiselect__tags,
.mi-auth__close,
.mi-auth__submit {
  outline: none !important;
  -webkit-tap-highlight-color: transparent;
}

button:focus,
button:focus-visible,
button:active,
a:focus,
a:focus-visible,
a:active,
input:focus,
input:focus-visible,
select:focus,
select:focus-visible,
textarea:focus,
textarea:focus-visible,
.btn:focus,
.btn:focus-visible,
.btn:active,
.co-btn:focus,
.co-btn:focus-visible,
.co-card:focus,
.co-card:focus-visible,
.co-page-btn:focus,
.co-page-btn:focus-visible,
.flipper:focus,
.flipper:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/* Keep a soft cue only for keyboard users on text fields (no square ring) */
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  border-color: #d2271b !important;
}

.btn-dark:focus,
.btn-dark:active,
.btn-default:focus,
.btn-default:active,
.btn-hamburger:focus,
.btn-hamburger:active {
  outline: none !important;
  box-shadow: none !important;
  border-color: inherit;
}