/* The existing 360px popup / 300px inner form is the shared size reference. */
.lql-or{display:flex!important;align-items:center;gap:14px;font-size:13px!important;line-height:20px!important;font-weight:400!important;text-transform:none!important;margin:20px 0!important}
.lql-or:before,.lql-or:after{content:"";height:1px;background:#e5e5e5;flex:1}
.lql-social-login{border-top:0!important;padding-top:0!important}
.lql-google-button{display:flex;align-items:center;justify-content:center;min-height:40px;margin-top:8px;width:100%;max-width:300px}
.lql-social-login .facebook-login-bt{width:100%;max-width:300px;min-height:40px;height:auto;line-height:20px!important;padding:10px 8px!important;font-size:12px!important;border-radius:3px!important;white-space:normal}
.lql-security{width:100%;min-height:65px;margin:16px 0}
.lql-turnstile{width:100%;min-width:200px}
.leo-quicklogin-modal .modal-content{max-height:calc(100dvh - 32px);overflow:auto}
.leo-quicklogin-modal .modal-dialog{max-width:calc(100vw - 32px);margin:16px auto}
.lql-auth-page{width:360px!important;max-width:calc(100vw - 32px)!important;margin:0 auto 40px!important;padding:30px!important;border:0!important;display:flex;flex-direction:column;text-align:left;font-size:13px;line-height:19.5px}
.lql-auth-page > .login-form{order:1;width:100%}
.lql-auth-page > .no-account{order:2;margin:20px 0 0}
.lql-auth-page > .lql-social-login{order:3;width:100%}
.lql-auth-page > hr{display:none}
.lql-auth-page #login-form .form-group.row{display:block;margin:0 0 16px}
.lql-auth-page #login-form .form-group.row > [class*="col-"]{float:none;max-width:100%;width:100%;padding:0;text-align:left}
.lql-auth-page #login-form .form-group.row > label{position:absolute!important;width:1px!important;height:1px;overflow:hidden;clip-path:inset(50%)}
.lql-auth-page #login-form .form-control{width:100%;height:54px;font-size:16px;line-height:20px;padding:8px 25px;border-radius:3px}
.lql-auth-page #login-form .input-group{width:100%}
.lql-auth-page #login-form .input-group-btn{width:auto}
.lql-auth-page #login-form .input-group-btn .btn{height:54px;padding:8px;font-size:11px;border-radius:0 3px 3px 0}
.lql-auth-page #login-form footer{padding:0;margin-top:20px}
.lql-auth-page #login-form footer > button{width:100%;min-height:52px;padding:15px;font-size:14px;line-height:20px;border-radius:3px}
.lql-auth-page .forgot-password{text-align:right;font-size:13px}
.lql-auth-page .captcha_login{padding:0;margin:16px 0}
.lql-auth-page .captcha_login .pa-captcha-inf{padding:0;max-width:100%;width:100%}
.lql-auth-page .captcha_login .form-control-comment{display:none}
.lql-auth-page .no-account,.lql-auth-page .no-account a{font-size:13px;text-align:left}
@media(max-width:359px){.lql-auth-page{max-width:calc(100vw - 8px)!important;padding:6px!important}.leo-quicklogin-modal .modal-body{padding-left:24px;padding-right:24px}}

.leo-quicklogin-modal .close{position:absolute!important;top:6px!important;right:8px!important;width:24px;height:24px;line-height:24px;color:#222;opacity:.8;z-index:5}
body#authentication .page-header h1{font-size:15.6px;line-height:20.28px;font-weight:600;text-align:left;max-width:300px;margin:0 auto;text-transform:none}
.lql-auth-page #login-form .form-group.row > [class*="col-"]{display:block}
.lql-auth-page #login-form .form-control-comment:not(:has(*)){display:none}

/* The theme hides the original close span and colors it white. */
.leo-quicklogin-modal .close span{display:block!important;color:#222!important;font-size:24px;line-height:24px}