/* Google reCAPTCHA WooCommerce Styling */

/* Position reCAPTCHA inline above buttons */
.dc-recaptcha-login-wrapper,
.dc-recaptcha-register-wrapper,
.dc-recaptcha-lost-password-wrapper {
    margin: 15px 0;
    clear: both;
    position: relative;
    min-height: 78px;
}

/* Ensure reCAPTCHA is visible and properly spaced */
.woocommerce-form-login .dc-recaptcha-login-wrapper,
.woocommerce-form-register .dc-recaptcha-register-wrapper,
.woocommerce-ResetPassword .dc-recaptcha-lost-password-wrapper {
    margin-bottom: 15px;
    margin-top: 5px;
}

/* Move the Invisible reCAPTCHA badge from corner to inline */
.grecaptcha-badge {
    visibility: visible !important;
    position: relative !important;
    bottom: auto !important;
    right: auto !important;
    margin: 0 !important;
    box-shadow: none !important;
    display: inline-block !important;
    opacity: 0;
    /* Hide initially to prevent flash */
    transition: opacity 0.3s ease;
    /* Smooth fade-in */
}

/* Show badge after it's been repositioned */
.grecaptcha-badge.positioned {
    opacity: 1;
}

/* Position badge within our wrapper divs - aligned right */
.dc-recaptcha-login-wrapper .grecaptcha-badge,
.dc-recaptcha-register-wrapper .grecaptcha-badge,
.dc-recaptcha-lost-password-wrapper .grecaptcha-badge {
    position: relative !important;
    margin: 0 !important;
    opacity: 1 !important;
    /* Show immediately when in wrapper */
}