/* 1) BASE LAYOUT & FORM STYLING */
body, body.login { background: #fff!important; background-color: #fff!important; background-image: none!important; font-family: 'Roboto',arial,sans-serif!important; }
#login { width: 400px; padding: 5% 0!important; }
.login form { box-shadow: none!important; border: none!important; padding: 0 10px 24px 10px!important; margin: 0 0 24px 0!important; }
.login form .input, .login input[type=password], .login input[type=text] { border-radius: .4rem!important; border: 1px solid #ddd!important; min-height: 50px!important; padding: 7px 30px 6px 15px!important; font-size: 17px!important; line-height: 1.3!important; font-weight: normal!important; }
.login .button-primary, .wp-core-ui .button-group.button-large .button, .wp-core-ui .button.button-large { float: none!important; width: 100%!important; border-radius: .9rem!important; font-weight: 700!important; font-size: 17px!important; line-height: 1!important; min-height: 50px!important; border: none!important; padding: 5px 12px!important; color: #fff!important; margin-top: 15px!important; }
.login .button-primary:hover {}
.login form .input, .login input[type=text] { margin-bottom: 0!important; }
.login input[type=password] { margin-bottom: 0px!important; }
#login .cf-turnstile { margin: 21px 0 0 0!important; }
.login .button.wp-hide-pw { top: 6%!important; }
.login .button.wp-hide-pw, .login .button.wp-hide-pw:focus { border: none!important; box-shadow: none!important; }
h1.bpm-login-title { width: 90vw; left: 50%; transform: translateX(-50%); position: relative; color: #000!important; font-size: 21px!important; line-height: 1.2!important; margin: 30px 0 0 0; text-align: center!important; }

.login .message, .login .notice, .login .success { border-radius: 0.4rem!important; font-family: inherit!important; background: #E5F3FD!important; margin: 20px 10px 0 10px!important; box-shadow: none!important; }

/* 2) TEXT, LINKS, LABELS, DECLARATIONS */
p#backtoblog, p.forgetmenot { display: none!important; }
p.legal-declaration { font-size: 11px!important; line-height: 1.4!important; text-align: center!important; max-width: 95%!important; margin: 0 auto!important; opacity: .6; }
p.legal-declaration a { color: #000!important; transition: none!important; }
p.legal-declaration a:hover { opacity: 1!important; color: #666!important; transition: none!important; }
.login label { top: 17px!important; position: relative!important; padding: 2px 6px!important; left: 8px!important; background: #fff!important; color: #444!important; z-index: 9999999!important; }
.wp-core-ui .button, .wp-core-ui .button-secondary { color: #000; border-color: #000; }
p.bpm-register-link, .login #backtoblog, .login #nav { text-align: center!important; color: #777!important; }
p.bpm-register-link { padding-bottom: 5px!important; }
.login #nav { margin: 5px 0 0 0!important; }
.login #backtoblog a, .login #nav a, p.bpm-register-link a { color: #000!important; text-decoration: none!important; }
.login #nav a:hover, p.bpm-register-link a:hover, .login #backtoblog a:hover { color: #000!important; text-decoration: underline!important; }
.login p#nav { color: #fff!important; }

/* 3) SOCIAL LOGIN UI */
.bpm-social-wrap { display: block; margin: 40px 10px 3px 10px; text-align: center!important; padding-bottom: 18px; border-bottom: 1px solid #ddd; }
.bpm-social-wrap a.bpm-social-btn { display: flex; align-items: center; justify-content: center; gap: 10px; border: 1px solid #000; background: #fff; padding: 10px; border-radius: .4rem; margin-bottom: 10px; color: #000!important; text-decoration: none!important; font-weight: 700!important; font-size: 14px!important; line-height: 1!important; }
.bpm-social-wrap a.bpm-social-btn:hover { background: #f1f1f1!important; transition: none!important; }
.bpm-social-wrap a.bpm-social-btn.bpm-facebook-btn { background: #fff; padding: 8px 10px; }
.bpm-social-wrap a.bpm-social-btn svg { width: 18px; height: 18px; flex-shrink: 0; }
.bpm-social-wrap a.bpm-social-btn.bpm-facebook-btn svg { width: 22px; height: 22px; top: -1px; position: relative; }