// -----------------------------------------------------------------------------
// Text inputs. Modelled on the footer newsletter field (`.inputEmail`), which
// today carries five `!important`s to override Avada's form styling.
// -----------------------------------------------------------------------------

@use '../abstracts' as *;

.field {
  min-width: 0;
  padding: space('2xs') space('xs');
  border: 1px solid color('field-bg');
  border-radius: radius('sm');
  background-color: color('field-bg');
  color: color('field-ink');
  font-family: font('body');
  font-size: size('sm');
  letter-spacing: 2px;

  &::placeholder {
    color: color('field-placeholder');
    opacity: 1;
  }

  &--attached {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
  }
}

// Field + button as one control.
.field-group {
  display: flex;
  justify-content: center;

  .field { flex: 1 1 auto; max-width: 18rem; }
}