/* WCFM Glue - Frontend Styles */

/* ── Validation error banner ─────────────────────────────────── */
.wcfm-glue-validation-errors {
    background: #fef2f2;
    border: 1px solid #f87171;
    border-left-width: 4px;
    border-radius: 4px;
    padding: 12px 16px;
    margin-bottom: 20px;
}

.wcfm-glue-validation-errors ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.wcfm-glue-validation-errors li {
    color: #b91c1c;
    font-size: 14px;
    line-height: 1.6;
}

.wcfm-glue-validation-errors li::before {
    content: "\2022";
    color: #ef4444;
    margin-right: 8px;
}

/* ── Custom field required asterisk ──────────────────────────── */
.wcfm_title .required {
    color: #ef4444;
    margin-left: 2px;
}

/* ── Custom field spacing ────────────────────────────────────── */
[data-wcfm-glue-field] {
    margin-bottom: 4px;
}

/* ── TinyMCE toolbar hiding (CSS fallback) ───────────────────── */
.wcfm-glue-hide-toolbar .mce-toolbar-grp,
.wcfm-glue-hide-toolbar .mce-menubar,
.wcfm-glue-hide-toolbar .mce-toolbar,
.wcfm-glue-hide-toolbar .mce-statusbar,
.wcfm-glue-hide-toolbar .wp-editor-tabs {
    display: none !important;
}