input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
input[type="url"],
input[type="search"],
input[type="date"],
textarea,
select {
  transition: border-color 0.15s ease;
}

/* Inset box-shadow, not a growing border-bottom + compensating negative
   margin: the old technique reflowed the field and made it twitch on
   hover/focus (same fix applied sitewide -- dga-forms.css, dga-feedback.css,
   dga-header-search.css). */
input:is([type="text"], [type="email"], [type="tel"], [type="number"], [type="password"], [type="url"], [type="search"], [type="date"]):is(:hover, :focus):not(:disabled):not([readonly]):not(.dga-search-panel__field):not(.dga-search-box__field):not(.tribe-events-c-search__input),
textarea:is(:hover, :focus):not(:disabled):not([readonly]),
select:is(:hover, :focus):not(:disabled) {
  border-color: var(--form-field-border-default) !important;
  box-shadow: inset 0 -2px 0 -1px var(--colors-neutral-600) !important;
  outline: none !important;
}