/* Shared validation states — aligned with the Error, Success and Disabled Figma states. */
.ff-form-error,
.ff-validation-message {
    display: block;
    margin-top: 6px;
    color: #c81e1e;
    font-family: Poppins, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: .01em;
}

.ff-flash-success,
.ff-contact-success,
.ff-validation-success {
    color: #27743e;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

input.is-invalid,
select.is-invalid,
textarea.is-invalid {
    border-color: #c81e1e !important;
    box-shadow: 0 0 0 1px #c81e1e !important;
}

input.is-valid,
select.is-valid,
textarea.is-valid {
    border-color: #27743e !important;
    box-shadow: 0 0 0 1px #27743e !important;
}

input:disabled,
select:disabled,
textarea:disabled {
    cursor: not-allowed;
    color: #8d8d8d !important;
    background: #efefef !important;
    border-color: #d4d4d4 !important;
    opacity: 1;
}

button:disabled {
    cursor: not-allowed;
    color: #8d8d8d !important;
    background: #e7e7e7 !important;
    border-color: #d4d4d4 !important;
    opacity: 1;
}