/* Form submission states - the honeypot and the status line.
   Paired with assets/js/forms.js and functions/api/contact.js. */

/* The honeypot has to be reachable by a bot filling every field, but never
   seen or focused by a person. display:none is too obvious to some bots, so
   it is taken out of flow and out of the tab order instead. */
.sts-form__gotcha {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.sts-form__status:empty {
    display: none;
}

.sts-form__status {
    margin-top: 14px;
    font-size: 15px;
    line-height: 1.5;
}

.sts-form__status[data-state="pending"] {
    opacity: 0.7;
}

.sts-form__status[data-state="ok"] {
    color: #4ade80;
}

.sts-form__status[data-state="error"] {
    color: #f87171;
}

/* A submit that is mid-flight should not look clickable. */
.sts-form [type="submit"]:disabled,
.mc4wp-form [type="submit"]:disabled {
    opacity: 0.55;
    cursor: not-allowed;
}