/* ورود با کد یکبارمصرف زیورکالا — حساب کاربری و صفحه ورود وردپرس */

/* نشان حلقه زیورکالا (برای صفحه ورود وردپرس که استایل قالب بارگذاری نمی‌شود) */
.zk-otp .zk-ring-logo{display:inline-block;flex:0 0 auto;background:#f10620;-webkit-mask-image:url("../images/logo-ring-mask.webp");mask-image:url("../images/logo-ring-mask.webp");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}

/* ---------- کارت ---------- */
.zk-otp-card{max-width:400px;margin:40px auto;background:#fff;border:1px solid #e0e0e2;border-radius:12px;padding:28px 28px 30px;box-sizing:border-box}
.zk-otp{color:#23254e}
.zk-otp-top{position:relative;text-align:center;min-height:52px}
.zk-otp-logo{display:inline-flex;align-items:center;gap:8px;text-decoration:none}
.zk-otp-logo-text{font-size:1.75rem;font-weight:900;color:#e6123d;letter-spacing:-.8px;line-height:1}
.zk-otp-back{position:absolute;inset-inline-end:-6px;top:8px;color:#23254e;display:inline-flex;padding:6px}
.zk-otp-title{font-size:1.12rem;font-weight:800;color:#23254e;margin:22px 0 8px;border:0;padding:0}
.zk-otp-lead{font-size:.83rem;color:#81858b;margin:0 0 18px;line-height:1.9}
.zk-otp-lead b{color:#23254e}

.zk-otp-field{position:relative;margin:0 0 14px}
.zk-otp-field label{position:absolute;top:-9px;inset-inline-start:12px;background:#fff;padding:0 6px;font-size:.72rem;color:#62666d;z-index:1}
.zk-otp-field input{width:100%;height:52px;border:1px solid #c0c2c5;border-radius:8px;background:#fff;padding:0 14px;font:inherit;font-size:.95rem;color:#23254e;box-sizing:border-box}
.zk-otp-field input:focus{border-color:#23254e;outline:none;box-shadow:0 0 0 3px rgba(35,37,78,.08)}

.zk-otp-btn{display:block;width:100%;height:52px;border:0;border-radius:8px;background:#ef4056;color:#fff;font:inherit;font-size:.95rem;font-weight:700;cursor:pointer}
.zk-otp-btn:hover{background:#d81f3e}
.zk-otp-btn[disabled]{opacity:.65;cursor:default}
.zk-otp-pass-toggle{display:block;margin:14px auto 0;background:none;border:0;padding:4px 8px;color:#1694ea;font:inherit;font-size:.83rem;cursor:pointer}
.zk-otp-terms{text-align:center;font-size:.72rem;color:#a1a3a8;margin:16px 0 0;line-height:1.9}
.zk-otp-terms a{color:#1694ea;text-decoration:none}

.zk-otp-msg{font-size:.8rem;color:#b3261e;background:#fff2f4;border-radius:8px;padding:9px 12px;margin:0 0 12px;line-height:1.8}
.zk-otp-msg.is-ok{color:#0a7d34;background:#eefaf1}
.zk-otp-devcode{text-align:center;font-size:.85rem;font-weight:800;color:#8a6100;background:#fff8e1;border:1px dashed #e3b93c;border-radius:8px;padding:9px 12px;margin:0 0 12px}

.zk-otp-codeboxes{display:flex;gap:8px;justify-content:center;margin:4px 0 16px}
.zk-otp-codeboxes input{width:52px;height:56px;text-align:center;font-size:1.25rem;font-weight:800;color:#23254e;border:1px solid #c0c2c5;border-radius:8px;background:#fff;padding:0;font-family:inherit}
.zk-otp-codeboxes input:focus{border-color:#23254e;outline:none;box-shadow:0 0 0 3px rgba(35,37,78,.08)}
.zk-otp-row{display:flex;align-items:center;justify-content:space-between;margin-top:14px}
.zk-otp-link{background:none;border:0;padding:4px 2px;color:#1694ea;font:inherit;font-size:.82rem;cursor:pointer}
.zk-otp-link[disabled]{color:#a1a3a8;cursor:default}
.zk-otp-backlink{display:block;margin:0 auto 18px;background:none;border:0;color:#1694ea;font:inherit;font-size:.88rem;cursor:pointer}

.zk-otp-card [hidden],.zk-otp-wp [hidden],.zk-otp-backlink[hidden]{display:none!important}
.zk-otp-wp[hidden],.zk-wp-pass[hidden]{display:none!important}
body.login .zk-otp-pass-toggle[hidden]{display:none!important}

/* ---------- صفحه حساب کاربری (مهمان) ---------- */
body.zk-otp-on.zk-otp-js .zk-site-header,
body.zk-otp-on.zk-otp-js .zk-top-banner,
body.zk-otp-on.zk-otp-js .site-footer,
body.zk-otp-on.zk-otp-js .zk-mobile-footer,
body.zk-otp-on.zk-otp-js .zk-mobile-appbar,
body.zk-otp-on.zk-otp-js .zk-mobile-dock,
body.zk-otp-on.zk-otp-js .entry-title{display:none!important}
body.zk-otp-on .content-area{padding:24px 16px 64px}
body.zk-otp-on.zk-otp-js .woocommerce>h2,
body.zk-otp-on.zk-otp-js .woocommerce .u-columns,
body.zk-otp-on.zk-otp-js .woocommerce form.woocommerce-form-login{display:none}
body.zk-otp-on.zk-otp-pass-open .zk-otp-card{display:none}
body.zk-otp-on.zk-otp-pass-open .woocommerce>h2{display:block}
body.zk-otp-on.zk-otp-pass-open .woocommerce .u-columns{display:block}
body.zk-otp-on.zk-otp-pass-open .woocommerce form.woocommerce-form-login{display:block}
body.zk-otp-on .woocommerce-ResetPassword{max-width:400px;margin:40px auto;border:1px solid #e0e0e2;border-radius:12px;padding:28px;background:#fff}

/* ---------- صفحه ورود وردپرس ---------- */
body.login{background:#fff}
body.login #login{width:400px;max-width:calc(100vw - 32px);padding:5% 0 48px}
html.zk-otp-js body.login h1{display:none}
body.login #loginform{border:1px solid #e0e0e2;border-radius:12px;box-shadow:none;padding:28px;margin-top:0;background:#fff}
.zk-otp-wp{display:none}
html.zk-otp-js .zk-otp-wp{display:block}
body.login label{color:#3f4064;font-size:14px}
body.login input[type="text"],body.login input[type="password"]{height:48px;border:1px solid #c0c2c5;border-radius:8px;padding:0 12px;font-size:15px;box-shadow:none}
body.login input[type="text"]:focus,body.login input[type="password"]:focus{border-color:#23254e;box-shadow:0 0 0 3px rgba(35,37,78,.08);outline:none}
body.login .forgetmenot{float:none;margin:0 0 14px}
body.login .submit{padding:0;margin:0}
body.login .button-primary{background:#ef4056;border-color:#ef4056;color:#fff;width:100%;height:48px;border-radius:8px;font-size:15px;font-weight:700;float:none;text-shadow:none;box-shadow:none}
body.login .button-primary:hover,body.login .button-primary:focus{background:#d81f3e;border-color:#d81f3e}
body.login #nav,body.login #backtoblog{text-align:center;font-size:13px}
body.login #nav a,body.login #backtoblog a{color:#62666d}
body.login .language-switcher{display:none}
body.login #login_error,body.login .message,body.login .success{border-radius:8px;box-shadow:none}
body.login .zk-otp-title{margin-top:2px}
body.login .zk-otp-top{margin-bottom:6px}