/* lead-form.css - status box for js/form-handler.js.
 * The handler sets class="form-alert alert alert-success|alert-danger" on the box;
 * this theme ships none of those classes (no Bootstrap), so they are defined here,
 * scoped to .lead-form so nothing else on the site is affected. */
.lead-form .form-alert.d-none { display: none; }
/* The box sits directly ABOVE the Submit button (wire_forms.py place_alert): the popups
 * are a fixed 600px tall and scroll internally, so a message below the button fell
 * outside the visible area and a visitor saw nothing happen. */
.lead-form .form-alert { margin: 12px 0; padding: 10px 14px; border-radius: 4px; border: 1px solid transparent; font-size: 14px; line-height: 1.45; text-align: center; }
.lead-form .form-alert.alert-success { background: #e7f6ec; color: #14532d; border-color: #9bd7b0; }
.lead-form .form-alert.alert-danger { background: #fdecec; color: #7f1d1d; border-color: #f0a8a8; }
/* Popups only: a shorter message box leaves room for the status message above Submit, so
 * Submit stays on screen after a 2-line error on a phone. The Contact page form is untouched. */
.ays-pb-modal .lead-form textarea { height: 64px !important; }
.lead-form .form-submit-btn[disabled] { opacity: .7; cursor: wait; }