/* Contact page form states (Contact.js): honeypot, server warning, sent confirmation. Uses the site.css tokens. */

/* Honeypot: off screen for people, still in the form for bots */
.form-hp { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

.form-alert {
    margin: 0 0 14px; padding: 12px 16px;
    border: 1px solid #F3C9C4; border-inline-start: 3px solid #C0392B; border-radius: var(--r-sm);
    background: #FDF1EF; color: #8E2A1F; font-size: 0.9rem; line-height: 1.5;
}

.form-done { padding-block: 24px 8px; text-align: center; }
.form-done__icon {
    display: grid; place-items: center; width: 64px; height: 64px; margin: 0 auto 20px;
    border-radius: 50%; background: var(--green-soft); color: var(--green); font-size: 2rem;
}
.form-done__title { margin: 0 0 10px; font-size: 1.5rem; }
.form-done__text { max-width: 38ch; margin: 0 auto 28px; color: var(--muted); line-height: 1.6; }