/**
 * CF7 Turnstile Styles
 */

/* Container styles */
/*.wpcf7 .cf-turnstile {*/
/*    margin: 15px 0;*/
/*    min-height: 65px;*/
/*}*/

/* Form control wrapper */
/*.wpcf7 .wpcf7-form-control-wrap.turnstile {*/
/*    display: block;*/
/*}*/

/* Error message */
.wpcf7 .cf7-turnstile-error {
    color: #dc3545;
    font-size: 14px;
    margin: 10px 0;
}

/* Loading state */
.cf-turnstile.loading {
    position: relative;
}

.cf-turnstile.loading::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
    border: 2px solid rgba(0, 0, 0, 0.2);
    border-top-color: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    animation: cf7-turnstile-spinner 0.8s linear infinite;
}

@keyframes cf7-turnstile-spinner {
    to {
        transform: rotate(360deg);
    }
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
    .cf-turnstile.loading::after {
        border-color: rgba(255, 255, 255, 0.2);
        border-top-color: rgba(255, 255, 255, 0.6);
    }
}