/*
 * CF7 Advanced Validation – Turnstile Widget Styles
 *
 * Keeps the Turnstile iframe nicely integrated within CF7 forms.
 * The widget itself is rendered inside an iframe by Cloudflare,
 * so we only control the wrapper.
 */

/* Wrapper that sits above the submit button */
.cf7av-turnstile-wrap {
    margin: 12px 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

/* The container Turnstile mounts its iframe into */
.cf7av-turnstile {
    display: inline-block;
    min-height: 65px; /* prevent layout shift while iframe loads */
    transition: opacity 0.2s ease;
}

/* Error state: e.g. when the API encounters an issue */
.cf7av-turnstile.cf7av-ts-error {
    opacity: 0.6;
}

/* Client-side inline error message (shown before server round-trip) */
.cf7av-ts-client-error {
    display: block;
    color: #dc3232;
    font-size: 13px;
    margin-top: 4px;
    line-height: 1.4;
}