:root {
     --auth-bg: #ffffff;
     --auth-border: #dddddd;
     --auth-text: #333333;
     --auth-muted: #666666;

     --auth-primary: #444444;
     --auth-primary-hover: #222222;
     --auth-button-text: #ffffff;

     --auth-radius: 10px;
     --auth-shadow: 0 10px 30px rgba(0, 0, 0, .08);

     --auth-focus: #6b9cff;
 }


 /* Wrapper */

 .account-auth-wrapper {

     max-width: 500px;
     margin: 50px auto;
 }


 /* Card */

 .account-auth-box {

     background: var(--auth-bg);
     border: 1px solid var(--auth-border);
     border-radius: var(--auth-radius);
     padding: 40px;
     box-shadow: var(--auth-shadow);
 }


 /* Headings */

 .account-auth-box h2 {

     margin-top: 0;
     color: var(--auth-text);
     font-size: 28px;
 }


 /* Forms */

 .account-auth-box form {

     margin: 0;
 }


 .account-auth-box label {

     display: block;
     margin-bottom: 7px;
     color: var(--auth-text);
     font-weight: 600;
 }


 .account-auth-box input[type=text],
 .account-auth-box input[type=email],
 .account-auth-box input[type=password] {

     width: 100%;
     padding: 13px 15px;
     border: 1px solid var(--auth-border);
     border-radius: 6px;
     box-sizing: border-box;
 }


 .account-auth-box input:focus {

     outline: none;
     border-color: var(--auth-focus);
 }


 /* Buttons */

 .account-auth-box button,
 .account-auth-box .button {

     width: 100%;
     background: var(--auth-primary);
     color: var(--auth-button-text);
     border: 0;
     border-radius: 6px;
     padding: 14px 20px;
     cursor: pointer;
 }


 .account-auth-box button:hover,
 .account-auth-box .button:hover {

     background: var(--auth-primary-hover);
 }


 /* Links */

 .auth-toggle {

     margin-top: 25px;
     text-align: center;
 }


 .auth-toggle a {

     color: var(--auth-text);
     text-decoration: underline;
     cursor: pointer;
 }


 /* Registration hidden by default */

 .auth-register {

     display: none;
 }


 /* Checkbox */

 .woocommerce-form__label-for-checkbox {

     display: flex !important;
     align-items: center;
     gap: 8px;
 }


 /* Wordfence MFA compatibility */

 .wfls-2fa-form,
 .wordfence-2fa {

     background: var(--auth-bg);
     border: 1px solid var(--auth-border);
     border-radius: var(--auth-radius);
     padding: 30px;
 }

 .wfls-2fa-form input {

     width: 100%;
 }


 /* Mobile */

 @media(max-width:600px) {

     .account-auth-box {

         padding: 25px;
     }

 }