:root {
--kitgenix-accent:        #4f2a9a; --kitgenix-accent-weak:   #f364dd; --kitgenix-danger:        #ef4444; --kitgenix-danger-bg:     #fef2f2; --kitgenix-warn:          #f59e0b; --kitgenix-warn-bg:       #fff7ed; --kitgenix-muted:         #6b7280; --kitgenix-muted-bg:      #f3f4f6; --kitgenix-border:        #e5e7eb; --kitgenix-shadow:        0 1px 2px rgba(0,0,0,.06), 0 1px 6px rgba(0,0,0,.04);
}
@media (prefers-color-scheme: dark) {
:root {
--kitgenix-accent:      #4f2a9a; --kitgenix-accent-weak: #f364dd; --kitgenix-danger:      #f87171;
--kitgenix-danger-bg:   #1e293b; --kitgenix-warn:        #f59e0b;
--kitgenix-warn-bg:     #1f2937; --kitgenix-muted:       #9ca3af;
--kitgenix-muted-bg:    #111827; --kitgenix-border:      #334155; --kitgenix-shadow:      0 1px 2px rgba(0,0,0,.35), 0 1px 6px rgba(0,0,0,.25);
}
} .cf-turnstile {
display: block;
text-align: left; line-height: 0; max-width: 100%;
min-height: 56px; margin: 10px 0 14px; }
.cf-turnstile > div {
display: inline-block; } .cf-turnstile[data-appearance="interaction-only"] {
border-radius: 0;
box-shadow: none;
background: transparent;
} .cf-turnstile.kitgenix-ts-collapsed[data-appearance="interaction-only"], .cf-turnstile[data-appearance="interaction-only"]:not([data-rendered]) {
min-height: 0 !important; margin: 0 0 4px !important; padding: 0 !important;
box-shadow: none !important;
height: 0 !important; overflow: hidden !important; } .cf-turnstile[data-appearance="interaction-only"][data-rendered] {
min-height: 24px;
} .cf-turnstile.kitgenix-ts-collapsed .kitgenix-captcha-for-cloudflare-turnstile-spinner {
display: none !important;
} .cf-turnstile[data-size="flexible"],
.cf-turnstile[data-size="flexible"] > div,
.cf-turnstile[data-size="flexible"] iframe {
width: 100% !important;
max-width: 100% !important;
} .cf-turnstile .kitgenix-captcha-for-cloudflare-turnstile-spinner {
width: 34px;
height: 34px;
border: 3px solid #e0e7ef;
border-top: 3px solid var(--kitgenix-accent);
border-radius: 50%;
animation: kitgenix-captcha-for-cloudflare-turnstile-spin 1s linear infinite;
margin: 6px auto;
pointer-events: none; } .cf-turnstile.kitgenix-ts-hide { display: none !important; height: 0 !important; margin: 0 !important; padding: 0 !important; }
@keyframes kitgenix-captcha-for-cloudflare-turnstile-spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
} @media (prefers-reduced-motion: reduce) {
.cf-turnstile .kitgenix-captcha-for-cloudflare-turnstile-spinner {
animation: none;
}
} .kitgenix-captcha-for-cloudflare-turnstile-spinner .sr-only {
position: absolute;
width: 1px; height: 1px;
padding: 0; margin: -1px;
overflow: hidden; clip: rect(0,0,0,0);
border: 0;
} .kitgenix-captcha-for-cloudflare-turnstile-disabled {
opacity: .55;
filter: grayscale(20%);
cursor: not-allowed;
pointer-events: none;
background: var(--kitgenix-muted-bg);
color: var(--kitgenix-muted);
transition: opacity .18s ease;
} .kitgenix-captcha-for-cloudflare-turnstile-disabled:focus,
.cf-turnstile:focus {
outline: 3px solid var(--kitgenix-accent);
outline-offset: 2px;
}
button:focus-visible,
input[type=submit]:focus-visible {
outline: 3px solid var(--kitgenix-accent);
outline-offset: 3px;
} @media (forced-colors: active) {
.kitgenix-captcha-for-cloudflare-turnstile-disabled {
filter: none;
opacity: 1;
border: 1px solid ButtonText;
}
.cf-turnstile:focus,
button:focus-visible,
input[type=submit]:focus-visible {
outline: 2px solid Highlight;
}
} .kitgenix-captcha-for-cloudflare-turnstile-ts-inline-msg {
margin: 8px 0 0;
color: #111827;
background: var(--kitgenix-warn-bg);
padding: 10px 12px;
border-left: 4px solid var(--kitgenix-warn);
border-radius: 6px;
font-size: 14px;
line-height: 1.5;
}
.kitgenix-captcha-for-cloudflare-turnstile-ts-inline-msg.kitgenix-captcha-for-cloudflare-turnstile-type-expired {
border-left-color: var(--kitgenix-warn);
background: var(--kitgenix-warn-bg);
color: #92400e;
}
.kitgenix-captcha-for-cloudflare-turnstile-ts-inline-msg.kitgenix-captcha-for-cloudflare-turnstile-type-error {
border-left-color: var(--kitgenix-danger);
background: var(--kitgenix-danger-bg);
color: #7f1d1d;
}
@media (prefers-color-scheme: dark) {
.kitgenix-captcha-for-cloudflare-turnstile-ts-inline-msg {
background: var(--kitgenix-warn-bg);
color: #e5e7eb;
}
} .kitgenix-captcha-for-cloudflare-turnstile-dev-note {
margin-top: 6px;
font-size: 12px;
color: #92400e;
background: var(--kitgenix-warn-bg);
border-left: 3px solid var(--kitgenix-warn);
padding: 6px 10px;
border-radius: 4px;
}
@media (prefers-color-scheme: dark) {
.kitgenix-captcha-for-cloudflare-turnstile-dev-note {
color: var(--kitgenix-warn);
}
} .kitgenix-captcha-for-cloudflare-turnstile-inline-msg.kitgenix-captcha-for-cloudflare-turnstile-replay {
margin-top: 6px;
font-size: 13px;
color: #b45309;
background: var(--kitgenix-warn-bg);
border-left: 4px solid var(--kitgenix-warn);
padding: 8px 10px;
border-radius: 4px;
}
@media (prefers-color-scheme: dark) {
.kitgenix-captcha-for-cloudflare-turnstile-inline-msg.kitgenix-captcha-for-cloudflare-turnstile-replay {
color: var(--kitgenix-warn);
}
} .kitgenix-captcha-for-cloudflare-turnstile-warning {
color: #b91c1c;
background-color: var(--kitgenix-danger-bg);
padding: 12px 18px;
border-left: 5px solid var(--kitgenix-danger);
margin: 12px 0;
font-weight: 600;
font-size: 15px;
border-radius: 8px;
box-shadow: 0 1px 4px rgba(239,68,68,0.08);
}
@media (prefers-color-scheme: dark) {
.kitgenix-captcha-for-cloudflare-turnstile-warning {
color: #faad3f;
box-shadow: 0 1px 6px rgba(0,0,0,.35);
}
} form .cf-turnstile:last-child { margin-bottom: 24px; } .elementor-form .cf-turnstile { display: block; }
.elementor-field-group .cf-turnstile { grid-column: 1 / -1; } .wpforms-form .cf-turnstile,
.wpforms-form .kitgenix-captcha-for-cloudflare-turnstile-wrap .cf-turnstile {
display: block;
width: 100%;
margin: 8px 0 12px;
} .wpcf7 form .cf-turnstile { margin: 8px 0 12px; } .woocommerce form .cf-turnstile { margin: 8px 0 12px; } .single-product .comment-form .cf-turnstile { display: flex; justify-content: flex-start; margin: 8px 0 12px; } .bbp-form .cf-turnstile.kitgenix-ts-bbpress-forum {
display: flex;
justify-content: flex-start;
} .bbp-login-form .cf-turnstile,
#bbp-login-form .cf-turnstile {
display: flex !important;
justify-content: flex-start !important;
} .cf-turnstile[data-placement="buddypress-post-update"] { display: flex; justify-content: flex-start; margin: 8px 0 12px; } .contact-form .cf-turnstile,
.forminator-custom-form .cf-turnstile,
.frm_form_fields .cf-turnstile,
.gform_wrapper .cf-turnstile { margin: 8px 0 12px; } .gform_wrapper .kitgenix-captcha-for-cloudflare-turnstile-wrap {
display: block;
width: 100%;
margin: 8px 0 12px;
text-align: left;
}
.gform_wrapper .kitgenix-captcha-for-cloudflare-turnstile-wrap .cf-turnstile {
display: block;
width: 100%;
margin: 0 0 8px;
}
.gform_wrapper .gform_footer input[type="submit"],
.gform_wrapper .gform_footer button,
.gform_wrapper .gform_footer .gform_button {
display: block;
clear: both; 
} .kb-form .cf-turnstile { margin: 8px 0 12px; } .kitgenix-captcha-for-cloudflare-turnstile-wrap .cf-turnstile {
display: block;
width: 100%;
margin-bottom: .5em;
} .rtl .cf-turnstile { text-align: right; } @media (max-width: 480px) {
.cf-turnstile {
margin: 10px 0 14px;
min-height: 56px;
}
.kitgenix-captcha-for-cloudflare-turnstile-warning {
font-size: 14px;
padding: 10px 12px;
}
} @media print {
.cf-turnstile,
.kitgenix-captcha-for-cloudflare-turnstile-ts-inline-msg,
.kitgenix-captcha-for-cloudflare-turnstile-warning { display: none !important; }
}