/**
 * WordPress Form Builder - Frontend Styles
 * Version: 1.0.0
 * Site-aligned styling (consultinggrove family)
 */

/* Match site content width and spacing rhythm. */
.wfb-form-wrapper {
    max-width: 900px;
    margin: 0 auto;
}

.wfb-form-wrapper .wfb-form-header {
    margin-bottom: var(--wp--preset--spacing--30, 2rem);
}

.wfb-form.comment-form p {
    margin-bottom: 1rem;
    position: relative;
}

.wfb-form.comment-form label {
    margin-bottom: 0.25rem;
    font-weight: 600;
}

.wfb-form.comment-form input[type="text"],
.wfb-form.comment-form input[type="email"],
.wfb-form.comment-form input[type="datetime-local"],
.wfb-form.comment-form textarea {
    width: 100%;
    box-sizing: border-box;
    border-radius: 6px;
    border: 1px solid #ffffff;
    padding: 0.75rem 0.9rem;
    background: #ffffff;
    color: #000000;
}

.wfb-form.comment-form textarea {
    resize: vertical;
    min-height: 150px;
}

.wfb-messages {
    margin: 0 0 1em;
}

.wfb-message {
    margin: 0 0 1em;
    border-radius: 6px;
    border: 1px solid rgba(81, 81, 81, 0.28);
    padding: 0.75rem 0.9rem;
}

.wfb-error {
    display: block;
    margin-top: 0.35rem;
    font-size: 0.875rem;
}

.wfb-error:empty {
    display: none;
}

/* Keep disabled state behavior without enforcing a visual design system. */
.wfb-submit-btn.submit.wp-element-button {
    background-color: var(--wp--preset--color--primary, #c33);
    color: var(--wp--preset--color--link-color, #ffffff);
    border: 0;
    border-radius: 6px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: clamp(1.563rem, 2.5vw, 1.875rem);
    padding-right: clamp(1.563rem, 2.5vw, 1.875rem);
}

.wfb-submit-btn.submit.wp-element-button:hover,
.wfb-submit-btn.submit.wp-element-button:focus {
    background-color: var(--wp--preset--color--button-hover-color, var(--wp--preset--color--primary, #c33));
    color: var(--wp--preset--color--button-hover-text-color, var(--wp--preset--color--link-color, #ffffff));
}

.wfb-submit-btn:disabled {
    cursor: not-allowed;
}

/* Prevent duplicate submissions while AJAX request is in flight. */
.wfb-form.submitting input,
.wfb-form.submitting textarea,
.wfb-form.submitting button {
    pointer-events: none;
    opacity: 0.6;
}