/**
 * CEimpact Theme Overrides for First Visit Popover Lead Capture Template
 *
 * This file overrides the plugin's CSS custom properties to match CEimpact branding.
 * Loaded only when the First Visit Popover plugin is active.
 */

:root {
    /* CEimpact Typography */
    --fvp-lc-heading-font: 'Poppins', system-ui, -apple-system, sans-serif;
    --fvp-lc-heading-size: 1.75rem;
    --fvp-lc-heading-weight: 700;
    --fvp-lc-heading-color: #343A40; /* ce-dark */

    --fvp-lc-body-font: 'Poppins', system-ui, -apple-system, sans-serif;
    --fvp-lc-body-size: 0.95rem;
    --fvp-lc-body-color: #464b66; /* ce-grey-blue */
    --fvp-lc-body-line-height: 1.6;

    /* CEimpact Colors */
    --fvp-lc-modal-bg: #ffffff;
    --fvp-lc-border-radius: 16px;

    /* CEimpact Button (matches ceimpact-btn-primary) */
    --fvp-lc-button-bg: #4CAF50; /* ce-green */
    --fvp-lc-button-color: #ffffff;
    --fvp-lc-button-radius: 9999px;
    --fvp-lc-button-font-weight: 600;
    --fvp-lc-button-padding: 0.875rem 2rem;

    /* CEimpact Form Inputs */
    --fvp-lc-input-border: #e0e0e0;
    --fvp-lc-input-border-focus: #4CAF50; /* ce-green */
    --fvp-lc-input-radius: 8px;
}

/* Apply CEimpact button styles to WPForms submit */
.fvp-lc-form .wpforms-submit {
    background-color: var(--fvp-lc-button-bg);
    font-family: var(--fvp-lc-heading-font);
    text-transform: none;
    letter-spacing: normal;
}

.fvp-lc-form .wpforms-submit:hover {
    background-color: #278638; /* ce-dark-green */
}

/* Focus ring in CEimpact green */
.fvp-lc-form .wpforms-submit:focus,
.fvp-lc-form .wpforms-field input:focus,
.fvp-lc-form .wpforms-field textarea:focus {
    box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.2); /* ce-green with opacity */
}

/* CEimpact close button styling */
.fvp-lead-capture .fvp-lc-close:focus {
    outline-color: #4CAF50; /* ce-green */
}