/* =========================================================
   Moallem Pars — Authentication UI v110
   Digits remains responsible for OTP/authentication.
========================================================= */
.mp-auth-page{width:100%;padding:30px 16px 48px;box-sizing:border-box;display:flex;justify-content:center;align-items:flex-start;font-family:Vazirmatn,IRANSans,Tahoma,sans-serif}
.mp-auth-card{width:min(100%,450px);background:#fff;border:1px solid #ececec;border-radius:20px;box-shadow:0 10px 34px rgba(0,0,0,.055);padding:28px;box-sizing:border-box}
.mp-auth-brand{text-align:center;margin:0 0 20px}.mp-auth-brand .custom-logo-link{display:inline-flex;justify-content:center}.mp-auth-brand .custom-logo{max-width:150px;max-height:70px;width:auto;height:auto}.mp-auth-brand-fallback{font-weight:800;font-size:18px;color:#7C2EDB}
.mp-auth-heading{text-align:center;margin-bottom:22px}.mp-auth-heading h1{margin:0;color:#222;font-size:24px;line-height:1.6;font-weight:800}.mp-auth-heading p{margin:6px 0 0;color:#777;font-size:13px;line-height:1.8}
.mp-digits-form{width:100%}.mp-digits-form form{max-width:none!important;width:100%!important}.mp-digits-form input,.mp-digits-form select,.mp-digits-form button{font-family:inherit}
.mp-auth-switch,.mp-auth-back{appearance:none;border:0;background:transparent;color:#7C2EDB;font:inherit;font-size:13px;font-weight:700;cursor:pointer;width:100%;text-align:center;padding:13px 8px;margin-top:10px;border-radius:10px}.mp-auth-switch:hover,.mp-auth-back:hover{background:#f7faF2}.mp-auth-switch:focus-visible,.mp-auth-back:focus-visible{outline:2px solid #A44AFF;outline-offset:2px}
.mp-auth-email{margin-top:12px;padding-top:20px;border-top:1px solid #eee}.mp-auth-email-heading{text-align:center;margin-bottom:18px}.mp-auth-email-heading h2{font-size:18px;margin:0 0 5px;font-weight:800;color:#222}.mp-auth-email-heading p{font-size:12px;color:#777;margin:0}
.mp-standard-login{margin:0!important}.mp-standard-login .form-row{margin:0 0 15px!important}.mp-standard-login label{display:block;font-size:12px;font-weight:700;color:#444;margin:0 0 7px}.mp-standard-login .input-text{width:100%;height:46px;border:1px solid #ddd;border-radius:11px;background:#fff;padding:0 13px;box-sizing:border-box;font:inherit;font-size:13px;outline:none;transition:border-color .15s,box-shadow .15s}.mp-standard-login .input-text:focus{border-color:#A44AFF;box-shadow:0 0 0 3px rgba(164,74,255,.12)}.mp-standard-login .required{color:#c44}
.mp-login-actions{display:flex!important;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap}.mp-standard-login .woocommerce-form-login__rememberme{display:flex!important;align-items:center;gap:7px;margin:0!important;font-size:11px!important;font-weight:600!important;cursor:pointer}.mp-standard-login .woocommerce-form-login__rememberme input{margin:0;accent-color:#A44AFF}.mp-auth-submit{border:0!important;background:#A44AFF!important;color:#fff!important;border-radius:11px!important;min-height:44px;padding:0 24px!important;font:inherit!important;font-size:13px!important;font-weight:800!important;cursor:pointer}.mp-auth-submit:hover{background:#913BEF!important}.mp-forgot-password{text-align:center;margin:3px 0 0!important}.mp-forgot-password a{color:#666;font-size:11px;text-decoration:none}.mp-forgot-password a:hover{color:#7C2EDB;text-decoration:underline}.mp-auth-notice{padding:14px;border-radius:12px;background:#fff8e8;color:#765d22;font-size:12px;text-align:center}
.mp-digits-form [class*="digits"] input:focus,.mp-digits-form input:focus{outline:none}.mp-digits-form [class*="digits"] button:focus-visible,.mp-digits-form button:focus-visible{outline:2px solid #A44AFF;outline-offset:2px}
@media(max-width:520px){.mp-auth-page{padding:16px 16px 32px}.mp-auth-card{width:100%;padding:22px 17px;border-radius:17px}.mp-auth-heading h1{font-size:22px}.mp-login-actions{align-items:stretch}.mp-standard-login .woocommerce-form-login__rememberme{width:100%}.mp-auth-submit{width:100%}}

/* v110 refinements */
.mp-auth-brand{display:none!important}
.mp-auth-phone-modes{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;background:#f7f8f5;border-radius:12px;margin:0 0 9px}
.mp-auth-mode{appearance:none;border:0;background:transparent;color:#777;font:inherit;font-size:12px;font-weight:700;cursor:pointer;border-radius:9px;padding:10px 7px;transition:.15s}
.mp-auth-mode.is-active{background:#fff;color:#7C2EDB;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.mp-auth-mode:focus-visible{outline:2px solid #A44AFF;outline-offset:1px}
.mp-auth-mode-hint{text-align:center;color:#777;font-size:11px;line-height:1.8;margin:0 0 14px}
.mp-lost-password{margin:0}
.mp-lost-password .form-row{margin:0 0 15px!important}
.mp-lost-password label{display:block;font-size:12px;font-weight:700;color:#444;margin:0 0 7px}
.mp-lost-password .input-text{width:100%;height:46px;border:1px solid #ddd;border-radius:11px;padding:0 13px;box-sizing:border-box;font:inherit;font-size:13px;outline:none}
.mp-lost-password .input-text:focus{border-color:#A44AFF;box-shadow:0 0 0 3px rgba(164,74,255,.12)}
.mp-lost-password .woocommerce-Button{width:100%;min-height:46px;border:0!important;border-radius:11px!important;background:#A44AFF!important;color:#fff!important;font:inherit!important;font-size:13px!important;font-weight:800!important;cursor:pointer}
.mp-lost-password .woocommerce-Button:hover{background:#913BEF!important}
.mp-lost-password-title{text-align:center;margin:0 0 7px;color:#222;font-size:22px;font-weight:800}
.mp-lost-password-description{text-align:center;color:#777;font-size:12px;line-height:1.9;margin:0 0 20px}
.mp-auth-page.mp-lost-password-page{padding-top:30px}
@media(max-width:520px){.mp-auth-mode{font-size:11px;padding:9px 4px}}


/* v111 — phone-only authentication */
.mp-auth-email,.mp-auth-switch,.mp-auth-phone-modes,.mp-auth-mode-hint{display:none!important}
.mp-auth-phone{width:100%}
.mp-digits-recovery{width:100%}
.mp-digits-recovery form{max-width:none!important;width:100%!important}
.mp-digits-recovery input,.mp-digits-recovery select,.mp-digits-recovery button{font-family:inherit}
.mp-digits-recovery [class*="digits"] input:focus{outline:none}
.mp-digits-recovery [class*="digits"] button:focus-visible,.mp-digits-recovery button:focus-visible{outline:2px solid #A44AFF;outline-offset:2px}
