/* reCAPTCHA framed dark shell */
.recaptcha-shell{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:16px 18px;
    border-radius:24px;
    border:1px solid rgba(255,255,255,.10);
    background:linear-gradient(180deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,.02) 100%), rgba(88,97,156,.24);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 10px 30px rgba(0,0,0,.14);
}

.recaptcha-wrap{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}

.recaptcha-frame{
    position: relative;
    width: 304px;
    height: 78px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 0;
    padding: 0;
    border-radius: 6px;
    background: #1f1f1f;
    overflow: hidden;
}

/* پایین */
.recaptcha-frame::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:4px;
    background:#1f1f1f;
    z-index:5;
}

/* راست */
.recaptcha-frame::before{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    width:6px;
    background:#1f1f1f;
    z-index:5;
}

/* چپ (خیلی کم) */
.recaptcha-frame .g-recaptcha{
    position:relative;
    left:-2px;
}

.recaptcha-frame iframe{
    display:block;
    width:304px !important;
    height:78px !important;
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    background:#1f1f1f !important;
    position:relative;
    top:-1px;
    right:-1px;
}

.recaptcha-frame textarea.g-recaptcha-response{
    display:none !important;
}

.auth-page-wrapper .recaptcha-shell{
    background:linear-gradient(180deg, rgba(255,255,255,.03) 0%, rgba(255,255,255,.02) 100%), rgba(88,97,156,.14);
    border-color:rgba(98,105,166,.20);
}

@media (max-width:575.98px){
    .recaptcha-shell{
        padding:12px;
        border-radius:18px;
        overflow-x:auto;
    }
}
