/* WooCommerce Sidebar reCAPTCHA Styles */
.wcsr-recaptcha-wrapper {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 15px 0;
}

.wcsr-recaptcha-holder {
    display: inline-block;
}

/* Ensure proper spacing in WooCommerce forms */
.woocommerce-form-login .wcsr-recaptcha-wrapper,
.woocommerce-form-register .wcsr-recaptcha-wrapper {
    margin: 20px 0;
}

/* WordPress Admin Login Page */
#login .wcsr-recaptcha-wrapper {
    margin: 20px 0;
    background: transparent;
}

#login form .wcsr-recaptcha-wrapper {
    padding: 10px 0;
}

/* Match WooCommerce button styles */
.wcsr-recaptcha-wrapper + .button,
.wcsr-recaptcha-wrapper + .woocommerce-Button {
    margin-top: 10px;
}

/* Error messages */
.wcsr-recaptcha-error {
    display: block;
    margin: 10px 0;
}

#login .message.wcsr-recaptcha-error {
    background-color: #dc3232;
    border-left-color: #dc3232;
    color: #fff;
}

/* Responsive design */
@media (max-width: 500px) {
    .wcsr-recaptcha-wrapper {
        transform: scale(0.95);
        transform-origin: center;
    }
    
    #login .wcsr-recaptcha-wrapper {
        transform: scale(0.9);
    }
}

/* Loading state */
.wcsr-recaptcha-wrapper.loading::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    border: 2px solid #2271b1;
    border-top-color: transparent;
    border-radius: 50%;
    animation: wcsr-spin 0.6s linear infinite;
}

@keyframes wcsr-spin {
    to { transform: rotate(360deg); }
}