/*
 * Response line for the landing page forms (public/js/lead-forms.js writes
 * into [data-lead-status]). The upstream pages never waited for a server
 * answer, so their stylesheets have no rule for it. Kept outside web-assets/
 * so `frontend:sync` cannot overwrite it. Loaded by layouts/lp.blade.php.
 */
.lp-form-status {
    margin: 12px 0 0;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.45;
    text-align: center;
    color: #1f7a56;
}

.lp-form-status:empty {
    display: none;
}

.lp-form-status.is-error,
[data-lead-status].is-error {
    color: #cd0f36;
}

[data-lead-form] [aria-invalid="true"] {
    border-color: #cd0f36;
}


/* The message lead-forms.js writes under a field that was filled in wrongly. */
[data-lead-form] .lead-field-error {
    margin: 6px 0 0;
    color: #d92d20;
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.45;
    text-align: left;
}