/* Contact Form widget — scoped styles.
 * All core form controls (.form-group, .form-label, .form-input, etc.)
 * are provided by theme.css; this file only adds the status panel +
 * tiny tweaks specific to the AJAX-submitted variant.
 */

.mnny-contact-form .mnny-hp {
    position: absolute !important;
    left: -10000px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

.mnny-contact-form-status {
    margin-top: var(--space-4);
    padding: var(--space-3) var(--space-4);
    border-radius: var(--radius-lg);
    font-size: var(--text-sm);
    line-height: var(--leading-normal);
}
.mnny-contact-form-status:empty { display: none; }

.mnny-contact-form-status.is-success {
    background: color-mix(in srgb, var(--color-success) 12%, transparent);
    color: var(--color-success);
    border: 1px solid color-mix(in srgb, var(--color-success) 35%, transparent);
}

.mnny-contact-form-status.is-error {
    background: color-mix(in srgb, var(--color-error) 10%, transparent);
    color: var(--color-error);
    border: 1px solid color-mix(in srgb, var(--color-error) 35%, transparent);
}

.mnny-contact-form button[type="submit"][disabled] {
    opacity: 0.7;
    cursor: wait;
}