.footer-list {
    color: var(--bs-gray-600);
    text-decoration: none;
}

.footer-list:hover {
    color: var(--bs-primary);
}

/* 1. The Outer Container */
.captcha-container {
    position: relative;
    display: block !important; /* Changed from flex to block for left alignment */
    min-height: 85px; /* Increased slightly to prevent vertical clipping */
    width: 100%;
    background: transparent !important;
    overflow: visible !important; /* Ensure nothing gets cut off */
}

/* 2. The Widget Wrapper */
#recaptcha-element {
    background-color: transparent !important;
    display: inline-block;
    /* We keep the slight width reduction to clip the light border */
    width: 302px; 
    height: 78px;
    overflow: hidden; 
    border-radius: 4px;
}

/* 3. The Hidden Validator Shim */
.captcha-shim {
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    /* Anchor it to the left so it stays near the widget */
    left: 0 !important;
    top: 0 !important;
    z-index: -1 !important;
}

/* 4. Mobile Responsiveness (Left-Aligned Scaling) */
@media screen and (max-width: 450px) {
    #recaptcha-element {
        /* Scale down to fit mobile frames */
        transform: scale(0.85);
        -webkit-transform: scale(0.85);
        /* Crucial: Scale from the top-left corner so it stays aligned */
        transform-origin: left top;
        -webkit-transform-origin: left top;
    }
    
    .captcha-container {
        /* Adjust container height to match the scaled-down widget */
        min-height: 70px; 
    }
}

@media screen and (max-width: 350px) {
    #recaptcha-element {
        transform: scale(0.78);
        -webkit-transform: scale(0.78);
    }
}

/* 5. Dark Mode Polish */
[data-bs-theme='dark'] #recaptcha-element {
    box-shadow: none !important;
    filter: brightness(0.95); 
}