/*
 * Styles for the WordPress-side wrappers only. Everything the Laravel design
 * uses still comes from assets/css/app.css and assets/css/cookie.css.
 *
 * Laravel reported form results with a SweetAlert modal after a page reload.
 * The CRM answers over AJAX and writes its result inline, so these rules cover
 * the status lines, the captcha that replaced the Turnstile widget, and the few
 * nodes the CRM plugin injects into its own forms - nothing that moves or
 * restyles the Laravel markup.
 */

.wpcf7-response-output {
    display: none;
    margin-top: 16px;
    padding: 12px 16px;
    border-radius: 5px;
    border: 1px solid #b7d8b7;
    background: #f4faf4;
    color: #24632a;
    font-size: 14px;
}

.wpcf7-response-output.form-error {
    border-color: #e0b4b4;
    background: #fdf7f7;
    color: #b52b27;
}

.captcha-image-container {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 8px;
}

#reload_captcha {
    text-decoration: none;
    font-size: 18px;
    line-height: 1;
}

/* The CRM auth scripts write their status into this node and toggle the
   loading label; both start out empty and hidden. */
.crm-auth-messages:empty,
.crm-message:empty {
    display: none;
}

.crm-auth-messages,
.crm-message {
    margin-bottom: 16px;
    padding: 12px 16px;
    border-radius: 5px;
    border: 1px solid #9853d0;
    background: #faf6ff;
    color: #6b38a0;
    font-size: 14px;
    text-align: left;
}

.crm-auth-messages .crm-auth-error,
.crm-message.error {
    border-color: #e0b4b4;
    background: #fdf7f7;
    color: #b52b27;
}

.crm-button-loading {
    display: none;
}

/* Login-required notices the CRM shortcodes fall back to when a visitor opens
   an account page signed out. */
.crm-login-required,
.crm-auth-message,
.crm-error {
    margin: 0 auto 24px;
    padding: 16px;
    border-radius: 5px;
    border: 1px solid #9853d0;
    background: #faf6ff;
    color: #4a4848;
    text-align: center;
}

.crm-login-required a,
.crm-auth-message a,
.crm-error a {
    color: #9853d0;
    text-decoration: underline;
}