/* ==========================================================================
   表单功能提示样式（页脚订阅 + 联系页）
   仅新增 .moki-* 类，不改动 .footer-subscribe-form / .contact-form 既有样式。
   ========================================================================== */

/* ---- 表单级消息（成功 / 错误） ---- */
.moki-form-msg {
    display: block;
    width: 100%;
    margin: 0.6rem 0 0;
    font-size: 0.8rem;
    line-height: 1.5;
    text-align: center;
}

.moki-form-msg.is-success {
    color: #7fd6a0;
}

.moki-form-msg.is-error {
    color: #ff8a8a;
}

/* ---- 字段级错误提示（contact 页 .form-group 内） ---- */
.moki-field-error {
    display: block;
    width: 100%;
    margin-top: 6px;
    font-size: 0.8rem;
    color: #ff8a8a;
    text-align: center;
}

/* ---- 输入框错误态：与主题 focus 描边风格一致的红色描边 ---- */
.moki-is-invalid {
    box-shadow: 0 0 0 2px rgba(255, 106, 106, 0.55) !important;
    border-color: rgba(255, 106, 106, 0.55) !important;
}

/* 页脚订阅表单内输入框错误态（input 无 .form-group 包裹） */
.footer-subscribe-form input.moki-is-invalid {
    box-shadow: inset 0 0 0 1px rgba(255, 106, 106, 0.6) !important;
}

/* ---- 页脚订阅区消息位置：与表单同宽、居左对齐 ---- */
.footer-col .moki-form-msg {
    max-width: 18rem;
    text-align: left;
}

/* ---- 联系页按钮禁用态 ---- */
.moki-contact-form button[disabled],
.footer-subscribe-form button[disabled] {
    opacity: 0.6;
    cursor: not-allowed;
}