/* ==========================================================================
   Form helpers shared by the public forms
   ========================================================================== */

input::placeholder,
textarea::placeholder {
    color: var(--color-soft);
    opacity: 1;
}

input:focus,
textarea:focus {
    outline: none;
}

.field-error {
    margin-top: 8px;
    font-family: var(--font-text);
    font-size: 0.875rem;
    color: var(--color-error);
}

[aria-invalid="true"] {
    border-color: var(--color-error) !important;
}

/* Honeypot: hidden from people, visible to naive bots */
.hp-field {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}