/* ===== المارو — صفحهٔ ورود و ثبت‌نام =========================================
 *
 * پیاده‌سازیِ سندِ طراحی §۱۷٫۸ — تأییدشدهٔ حسن ۱۴۰۵/۰۵/۰۹.
 *
 * ایدهٔ طرح: این صفحه کارتِ هویتِ پنل است، قبل از این‌که نامِ کاربر رویش
 * بنشیند. همان گرادیان، همان هالهٔ رزگلد.
 *
 * قاعدهٔ سختِ این فایل: نشانهٔ HTML مالِ افزونهٔ «Digits» است. ما فقط
 * می‌چینیم و رنگ می‌زنیم. هیچ کلاسِ dig_* برداشته یا جابه‌جا نمی‌شود؛
 * جابه‌جاییِ ظاهری با «order» فلکس انجام می‌شود، نه با تغییرِ نشانه‌گذاری.
 *
 * دامنه: فقط body.elmlg-page (صفحهٔ حساب، وقتی کاربر وارد نشده).
 * ========================================================================== */

body.elmlg-page{
	--elmlg-primary:#A0455A;
	--elmlg-primary-hover:#8C3A4E;
	--elmlg-primary-press:#77303F;
	--elmlg-rosegold:#C48A78;
	--elmlg-ink:#3E2329;
	--elmlg-muted:#7A5C60;
	--elmlg-on:#FFF6F3;
	--elmlg-on-mut:#F0CDD2;
	--elmlg-surface:#FFFFFF;
	--elmlg-bg:#FFFCFB;
	--elmlg-blush:#F9E7E3;
	--elmlg-blush2:#FDF4F1;
	--elmlg-border:#F0DED7;
	--elmlg-border-strong:#DEC3BC;
	--elmlg-ok:#2E7D5B;
	--elmlg-ok-bg:#E9F3EE;
	--elmlg-danger:#C0392B;
	--elmlg-danger-bg:#FBE9E5;
	--elmlg-r-sm:6px;
	--elmlg-r-md:10px;
	--elmlg-r-card:14px;
	--elmlg-r-lg:16px;
	--elmlg-r-pill:999px;
	--elmlg-sh-sm:0 1px 2px rgba(62,35,41,.06);
	--elmlg-sh-md:0 4px 16px rgba(62,35,41,.09);
	--elmlg-sh-lg:0 12px 32px rgba(62,35,41,.14);
	--elmlg-ring:0 0 0 3px rgba(160,69,90,.30);
	--elmlg-ease:cubic-bezier(.4,0,.2,1);
	--elmlg-dur:180ms;
	background:var(--elmlg-bg);
}

/* ---------------------------------------------------------------
   ۱) چیزهایی که فقط در همین صفحه برداشته می‌شوند
   نوارِ بالای سایت مثلِ صفحهٔ پرداخت می‌رود (تأییدِ حسن ۱۴۰۵/۰۵/۰۹).
   نوارِ پایینِ گوشی (.elm-nav-w) سرِ جایش می‌ماند — راهِ برگشتِ کاربر است.
   --------------------------------------------------------------- */
body.elmlg-page .elm-h-root,
body.elmlg-page .page-header,
body.elmlg-page .ht-ctc{
	display:none !important;
}

/* استایلِ پنل در کامپیوتر، .woocommerce را دو ستونی می‌کند: ۲۷۲px نوارِ
   کناری + محتوا. صفحهٔ ورود آن نوار را ندارد؛ اگر این را برنگردانیم،
   کلِ کارت داخلِ ستونِ ۲۷۲ پیکسلی له می‌شود. (در آزمایشِ ۱۲۸۰ گیر افتاد.) */
body.elmlg-page .woocommerce{
	display:block !important;grid-template-columns:none !important;
	gap:0 !important;max-width:none !important;
}

/* قلم — عمداً صریح، نه inherit (سند §۳٫۲) */
body.elmlg-page .elmlg,
body.elmlg-page .elmlg *:not(svg):not(path):not(circle):not(use){
	font-family:'iran yekan','IRANYekan','Vazirmatn',Tahoma,sans-serif !important;
}

body.elmlg-page .elmlg,
body.elmlg-page .elmlg *{box-sizing:border-box;}
body.elmlg-page .elmlg{direction:rtl;color:var(--elmlg-ink);}
body.elmlg-page .elmlg svg.elm-i{
	width:20px;height:20px;flex:none;display:block;fill:none;stroke:currentColor;
	stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;
}
body.elmlg-page .elmlg svg.elm-i--sm{width:16px;height:16px;}
body.elmlg-page .elmlg svg.elm-i--xl{width:30px;height:30px;stroke-width:2;}

/* ---------------------------------------------------------------
   ۲) بلوکِ خوش‌آمد — گرادیان و هالهٔ کارتِ هویتِ پنل (§۱۷٫۳)
   --------------------------------------------------------------- */
body.elmlg-page .elmlg-hero{
	position:relative;overflow:hidden;
	/* گرادیانِ نسخهٔ ۳ (§۳۶٫۱ — پلام به رزِ عمیق، هم‌خانوادهٔ پنل و سبد) */
	background:linear-gradient(135deg,#3E2329 0%,#77303F 55%,#A0455A 100%);
	color:var(--elmlg-on);padding:24px 16px 44px;text-align:center;
	border-radius:0 0 var(--elmlg-r-lg) var(--elmlg-r-lg);
	box-shadow:var(--elmlg-sh-md);
	margin:0 0 0;
}
body.elmlg-page .elmlg-hero::after{
	content:"";position:absolute;inset:auto auto -90px -70px;
	width:240px;height:240px;border-radius:var(--elmlg-r-pill);pointer-events:none;
	background:radial-gradient(circle,rgba(196,138,120,.55),transparent 68%);
}
/* حلقهٔ رزگلدِ نسخهٔ ۳ — همان حلقهٔ کارتِ هویتِ پنل */
body.elmlg-page .elmlg-hero::before{
	content:"";position:absolute;top:-48px;right:-48px;width:160px;height:160px;
	border-radius:var(--elmlg-r-pill);border:2px solid var(--elmlg-rosegold);
	opacity:.5;pointer-events:none;
}
body.elmlg-page .elmlg-hero > *{position:relative;z-index:1;}
/* دایرهٔ آواتارِ خالی — کارتِ هویت، هنوز بی‌نام (§۱۷٫۸) */
body.elmlg-page .elmlg-ava{
	width:64px;height:64px;border-radius:var(--elmlg-r-pill);
	background:rgba(255,246,243,.14);border:2px solid var(--elmlg-rosegold);
	display:grid;place-items:center;margin:0 auto 10px;color:var(--elmlg-on-mut);
}
/* لوگو لینکِ خانه است، پس هدفِ لمسش باید ۴۴px شود */
body.elmlg-page .elmlg-mark{display:inline-block;padding:5px 10px;margin:0 auto 9px;line-height:0;}
body.elmlg-page .elmlg-mark img{height:34px;width:auto;display:block;}
body.elmlg-page .elmlg-hero h1{
	margin:0 0 6px;font-size:21px;line-height:1.4;font-weight:800;color:var(--elmlg-on);
}
body.elmlg-page .elmlg-hero p{
	margin:0;font-size:14px;line-height:1.75;color:var(--elmlg-on-mut);
}

/* ---------------------------------------------------------------
   ۳) پوسته و کارت
   #customer_login خودش کارت است. ووکامرس رویش float و عرضِ ۴۷٪ می‌گذارد.
   --------------------------------------------------------------- */
body.elmlg-page .elmlg-wrap{padding:0 16px 24px;margin-top:-28px;position:relative;z-index:2;}

body.elmlg-page #customer_login{
	background:var(--elmlg-surface);border:1px solid var(--elmlg-border);
	border-radius:var(--elmlg-r-lg);box-shadow:var(--elmlg-sh-md);
	padding:20px;margin:0;display:block;
}
body.elmlg-page #customer_login::before,
body.elmlg-page #customer_login::after{content:none;display:none;}
body.elmlg-page #customer_login .u-column1,
body.elmlg-page #customer_login .u-column2{
	float:none;width:auto;margin:0;padding:0;
}
/* پنهان‌کردنِ پنلِ غیرفعال — زبانه‌ها جایش را گرفته‌اند */
body.elmlg-page #customer_login[data-pane="login"] .u-column2,
body.elmlg-page #customer_login[data-pane="register"] .u-column1{display:none;}
/* تیترهای «ورود» و «عضویت» ووکامرس؛ زبانه‌ها جایشان را گرفتند */
body.elmlg-page #customer_login > .u-column1 > h2,
body.elmlg-page #customer_login > .u-column2 > h2{
	position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);
	clip-path:inset(50%);white-space:nowrap;
}
body.elmlg-page #customer_login form.login,
body.elmlg-page #customer_login form.register{
	border:0;padding:0;margin:0;border-radius:0;
	/*
	 * «Digits» نسخهٔ ۹٫۲ دورِ فرم یک هالهٔ صورتیِ گوشه‌تیز می‌اندازد
	 * (box-shadow با شعاعِ صفر). چون درست روی لبهٔ فاصلهٔ داخلیِ کارت
	 * می‌نشیند، به چشم «کادرِ دوم بدونِ گوشهٔ گرد» می‌آید. برداشته می‌شود.
	 */
	box-shadow:none !important;
	height:auto !important; /* جاوااسکریپتِ Digits ارتفاعِ ثابتِ ۱۳۳۴px می‌گذارد */
}

/* خطِ رزگلدِ بالای کارت — همان .elm-rule سرعنوان‌ها (§۱۳) */
body.elmlg-page .elmlg-rule{
	display:block;width:44px;height:2px;border-radius:2px;
	background:var(--elmlg-rosegold);margin:0 auto 14px;
}

/* ---------------------------------------------------------------
   ۴) زبانهٔ «ورود / ثبت‌نام» (§۲۶٫۲)
   --------------------------------------------------------------- */
body.elmlg-page .elmlg-tabs{
	display:flex;gap:8px;border-bottom:1px solid var(--elmlg-border);margin:0 -4px 16px;
}
body.elmlg-page .elmlg-tab{
	flex:1;min-height:44px;display:flex;align-items:center;justify-content:center;
	background:transparent;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;
	font-size:15px;font-weight:700;color:var(--elmlg-ink);cursor:pointer;padding:0;
	transition:color var(--elmlg-dur) var(--elmlg-ease),border-color var(--elmlg-dur) var(--elmlg-ease);
}
body.elmlg-page .elmlg-tab:hover{color:var(--elmlg-primary);}
body.elmlg-page .elmlg-tab[aria-selected="true"]{
	color:var(--elmlg-primary);border-bottom-color:var(--elmlg-primary);
}
body.elmlg-page .elmlg-tab:focus-visible{outline:0;box-shadow:var(--elmlg-ring);border-radius:var(--elmlg-r-sm);}

/* ---------------------------------------------------------------
   ۵) گام‌نما
   --------------------------------------------------------------- */
body.elmlg-page .elmlg-steps{
	display:flex;align-items:center;gap:8px;margin:0 0 16px;justify-content:center;
}
body.elmlg-page .elmlg-step{
	display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;
	color:var(--elmlg-muted);
}
body.elmlg-page .elmlg-step i{
	width:22px;height:22px;border-radius:var(--elmlg-r-pill);display:grid;place-items:center;
	background:var(--elmlg-blush);color:var(--elmlg-muted);font-style:normal;font-size:13px;
	font-weight:800;line-height:1;
}
body.elmlg-page .elmlg-step.is-on{color:var(--elmlg-primary);}
body.elmlg-page .elmlg-step.is-on i{background:var(--elmlg-primary);color:var(--elmlg-on);}
body.elmlg-page .elmlg-step.is-done{color:var(--elmlg-ok);}
body.elmlg-page .elmlg-step.is-done i{background:var(--elmlg-ok-bg);color:var(--elmlg-ok);}
body.elmlg-page .elmlg-stepline{
	width:28px;height:2px;border-radius:2px;background:var(--elmlg-border);
}
body.elmlg-page .elmlg-stepline.is-on{background:var(--elmlg-primary);}
body.elmlg-page .elmlg-stepline.is-done{background:var(--elmlg-ok);}

/* ---------------------------------------------------------------
   ۶) فیلدها (§۹)
   --------------------------------------------------------------- */
body.elmlg-page #customer_login .form-row,
body.elmlg-page #customer_login .woocommerce-form-row{
	margin:0 0 14px;padding:0;display:block;
}
body.elmlg-page #customer_login label{
	display:block;font-size:14px !important;font-weight:700 !important;
	color:var(--elmlg-ink) !important;margin:0 0 6px;line-height:1.7;
}
body.elmlg-page #customer_login label .required{color:var(--elmlg-primary);text-decoration:none;}
body.elmlg-page #customer_login input.input-text,
body.elmlg-page #customer_login input[type="text"],
body.elmlg-page #customer_login input[type="tel"],
body.elmlg-page #customer_login input[type="email"],
body.elmlg-page #customer_login input[type="password"]{
	width:100% !important;min-height:48px !important;padding:12px 14px !important;
	font-size:16px !important;color:var(--elmlg-ink) !important;
	background:var(--elmlg-surface) !important;
	border:1px solid var(--elmlg-border-strong) !important;
	border-radius:var(--elmlg-r-md) !important;box-shadow:none !important;
	transition:border-color var(--elmlg-dur) var(--elmlg-ease),box-shadow var(--elmlg-dur) var(--elmlg-ease);
}
body.elmlg-page #customer_login input.input-text:focus{
	border-color:var(--elmlg-primary) !important;box-shadow:var(--elmlg-ring) !important;outline:0;
}
/*
 * «Digits» ۹٫۲ متنِ راهنمای داخلِ فیلد را قرمزِ خام (#FF0909) می‌کند —
 * رنگی که در پالتِ «رز پودری» وجود ندارد و به چشم «خطا» می‌آید.
 */
body.elmlg-page #customer_login input.input-text::placeholder,
body.elmlg-page #customer_login input[type="text"]::placeholder,
body.elmlg-page #customer_login input[type="tel"]::placeholder,
body.elmlg-page #customer_login input[type="email"]::placeholder,
body.elmlg-page #customer_login input[type="password"]::placeholder{
	color:var(--elmlg-muted) !important;opacity:1;font-weight:400;
}
body.elmlg-page .elmlg-hint{
	margin:6px 0 0;font-size:13px;line-height:1.75;color:var(--elmlg-muted);
}

/* فیلدِ شماره: پیش‌شمارهٔ ثابتِ ۹۸+ روی خودِ .digcon سوار می‌شود.
   کاربر صفرِ اول را نمی‌نویسد؛ جاوااسکریپت پیش از ارسال اضافه‌اش می‌کند. */
/* جعبهٔ فیلد را جاوااسکریپت نشان می‌زند — چون Digits بعد از ما یک
   <div class="digcon"> دورِ فیلد می‌پیچد و جای همه‌چیز عوض می‌شود.
   پس این قاعده به ساختار گره نمی‌خورد، فقط به کلاسِ خودمان. */
body.elmlg-page .elmlg-tel{position:relative;display:block;width:100%;margin:0 0 6px;}
body.elmlg-page .elmlg-tel .digcon{display:block;width:100%;}
/*
 * شناسه در «#customer_login input.input-text» از هر تعداد کلاس قوی‌تر است،
 * پس آن قاعده با padding کوتاه‌نویسش، فاصلهٔ ما را می‌خورد و شماره می‌رفت
 * زیرِ کادرِ پیش‌شماره. این‌جا هم‌وزنش می‌کنیم.
 */
body.elmlg-page #customer_login .elmlg-tel input.input-text,
body.elmlg-page .elmlg-tel input.input-text{
	padding-left:78px !important;padding-right:14px !important;
	direction:ltr;text-align:left;
	letter-spacing:.06em;font-variant-numeric:tabular-nums;
}
/* پیش‌شماره همیشه سمتِ **چپِ** فیلد می‌نشیند.
   عمداً left فیزیکی است، نه inset-inline-end: جعبه‌ای که Digits می‌سازد
   گاهی جهتش را عوض می‌کند و ویژگیِ منطقی پیش‌شماره را می‌بَرد سمتِ راست. */
body.elmlg-page .elmlg-pfx{
	position:absolute;left:1px;right:auto;top:1px;bottom:1px;width:74px;
	display:flex;align-items:center;justify-content:center;gap:5px;
	background:var(--elmlg-blush);color:var(--elmlg-muted);
	border-left:0;border-right:1px solid var(--elmlg-border);
	border-radius:var(--elmlg-r-md) 0 0 var(--elmlg-r-md);
	font-size:15px;font-weight:700;pointer-events:none;
	/* «+» یک نویسهٔ خنثی است؛ در متنِ راست‌چین جایش را قاعدهٔ دوسویهٔ
	   مرورگر تعیین می‌کند و روی سایتِ زنده برعکس افتاد. isolate یعنی
	   این تکه از متنِ دورش جدا شود و همیشه «+۹۸» بماند. */
	direction:ltr;unicode-bidi:isolate;
}
/* آیکونِ گوشی سمتِ چپ، «+۹۸» سمتِ راستش (تأییدِ حسن) */
body.elmlg-page .elmlg-pfx b{font-weight:700;}
body.elmlg-page .elmlg-pfx svg{color:var(--elmlg-primary);}
/* در حالتِ رمز، فیلد ایمیل هم می‌پذیرد، پس پیش‌شماره برداشته می‌شود */
body.elmlg-page form.login.elmlg-mode-pw .elmlg-tel .elmlg-pfx{display:none;}
body.elmlg-page #customer_login form.login.elmlg-mode-pw .elmlg-tel input.input-text,
body.elmlg-page form.login.elmlg-mode-pw .elmlg-tel input.input-text{
	padding-left:14px !important;padding-right:14px !important;
	direction:rtl;text-align:right;letter-spacing:0;
}

/* پیش‌شمارهٔ خودِ Digits در فرمِ ثبت‌نام */
body.elmlg-page .dig_wc_countrycodecontainer{display:none !important;}

/* چشمِ نمایشِ رمز */
body.elmlg-page #customer_login .password-input{position:relative;display:block;}
body.elmlg-page #customer_login .show-password-input{
	position:absolute;inset-inline-start:4px;top:50%;transform:translateY(-50%);
	width:40px;height:44px;display:flex;align-items:center;justify-content:center;
	background:transparent;border:0;border-radius:var(--elmlg-r-sm);
	color:var(--elmlg-muted);cursor:pointer;padding:0;
}
body.elmlg-page #customer_login input[type="password"],
body.elmlg-page #customer_login .password-input input{padding-inline-start:48px !important;}

/* ---------------------------------------------------------------
   ۷) دکمه‌ها (§۸)
   --------------------------------------------------------------- */
body.elmlg-page #customer_login .button,
body.elmlg-page .elmlg-btn{
	width:100%;min-height:48px;display:inline-flex;align-items:center;justify-content:center;
	gap:8px;padding:14px 20px;border:0;border-radius:var(--elmlg-r-md);
	font-size:16px;font-weight:700;line-height:1;white-space:normal;cursor:pointer;
	background:var(--elmlg-primary);color:var(--elmlg-on);
	transition:background var(--elmlg-dur) var(--elmlg-ease);
	float:none;margin:0;text-decoration:none;
}
body.elmlg-page #customer_login .button:hover,
body.elmlg-page .elmlg-btn:hover{background:var(--elmlg-primary-hover);}
body.elmlg-page #customer_login .button:active,
body.elmlg-page .elmlg-btn:active{background:var(--elmlg-primary-press);}
body.elmlg-page #customer_login .button:focus-visible,
body.elmlg-page .elmlg-btn:focus-visible{outline:0;box-shadow:var(--elmlg-ring);}

/* دکمهٔ دورخط‌دار — راهِ دوم. هرگز دکمهٔ پُرِ دوم در یک نما. */
body.elmlg-page .elmlg-btn--sec{
	background:transparent;color:var(--elmlg-primary);
	border:1.5px solid var(--elmlg-primary);
}
body.elmlg-page .elmlg-btn--sec:hover{background:var(--elmlg-blush);color:var(--elmlg-primary);}

/* ردیفی که هم «مرا به خاطر بسپار» دارد هم دکمهٔ ورود و هم nonceها.
   خودِ <p> پنهان نمی‌شود چون nonce داخلش است؛ فقط برچسبش. */
body.elmlg-page #customer_login p.form-row{display:block;}
body.elmlg-page .woocommerce-form-login__rememberme{
	display:inline-flex !important;align-items:center;gap:8px;min-height:44px;
	font-size:14px !important;font-weight:400 !important;color:var(--elmlg-ink) !important;
	margin:0 0 10px !important;cursor:pointer;
}
body.elmlg-page .woocommerce-form-login__rememberme input{
	width:20px;height:20px;margin:0;accent-color:var(--elmlg-primary);
}
body.elmlg-page .woocommerce-form-login__rememberme span{font-weight:400;}
body.elmlg-page form.login.elmlg-mode-otp .woocommerce-form-login__rememberme{display:none !important;}

/* «گذرواژه را فراموش کرده‌اید؟» */
body.elmlg-page .woocommerce-LostPassword{margin:10px 0 0;text-align:center;}
body.elmlg-page .woocommerce-LostPassword a{
	display:inline-block;padding:11px 2px;margin:-11px 0;
	font-size:14px;font-weight:700;color:var(--elmlg-primary);text-decoration:none;
}
body.elmlg-page .woocommerce-LostPassword a:hover{text-decoration:underline;}
body.elmlg-page form.login.elmlg-mode-otp .woocommerce-LostPassword{display:none;}

/* جداکنندهٔ «یا» */
body.elmlg-page .elmlg-or{
	display:flex;align-items:center;gap:12px;margin:14px 0;
	font-size:13px;font-weight:600;color:var(--elmlg-muted);
}
body.elmlg-page .elmlg-or::before,
body.elmlg-page .elmlg-or::after{content:"";flex:1;height:1px;background:var(--elmlg-border);}

/* بلوکِ دکمهٔ کدِ یک‌بارمصرفِ Digits */
body.elmlg-page .loginViaContainer{margin:0;}
body.elmlg-page .loginViaContainer .digor{display:none;}
body.elmlg-page .digits_login_via_otp{width:100%;}

/* ---------------------------------------------------------------
   ۸) جعبه‌های کدِ تأیید
   --------------------------------------------------------------- */
body.elmlg-page .elmlg-otp{display:flex;gap:8px;justify-content:center;direction:ltr;}
body.elmlg-page .elmlg-otp input{
	width:54px !important;height:58px !important;min-height:58px !important;
	text-align:center;font-size:24px !important;font-weight:800;padding:0 !important;
	color:var(--elmlg-ink) !important;background:var(--elmlg-surface) !important;
	border:1.5px solid var(--elmlg-border-strong) !important;
	border-radius:var(--elmlg-r-md) !important;
	font-variant-numeric:tabular-nums;
	transition:border-color var(--elmlg-dur) var(--elmlg-ease),
		background var(--elmlg-dur) var(--elmlg-ease),box-shadow var(--elmlg-dur) var(--elmlg-ease);
}
body.elmlg-page .elmlg-otp input:focus{
	border-color:var(--elmlg-primary) !important;box-shadow:var(--elmlg-ring) !important;
}
body.elmlg-page .elmlg-otp input.is-filled{
	border-color:var(--elmlg-primary) !important;background:var(--elmlg-blush2) !important;
}
/* فیلدِ اصلیِ Digits پنهان می‌شود ولی حذف نمی‌شود — مقدارش را ما پر می‌کنیم */
body.elmlg-page .elmlg-otp-source{
	position:absolute !important;width:1px !important;height:1px !important;
	padding:0 !important;margin:-1px !important;overflow:hidden;clip:rect(0 0 0 0);
	clip-path:inset(50%);border:0 !important;min-height:0 !important;
}

/* «فرستاده شد به ۰۹۱۲ …» — عددِ فاصله‌دار باید چپ‌به‌راست بماند */
body.elmlg-page .elmlg-sent{
	background:var(--elmlg-blush);border-radius:var(--elmlg-r-md);padding:10px 12px;
	font-size:13.5px;line-height:1.8;color:var(--elmlg-ink);margin:0 0 16px;
	display:flex;align-items:center;gap:8px;justify-content:center;flex-wrap:wrap;
}
body.elmlg-page .elmlg-sent svg{color:var(--elmlg-primary);}
body.elmlg-page .elmlg-sent bdi{
	font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.03em;
	direction:ltr;unicode-bidi:isolate;
}

/* شمارشِ ارسالِ دوباره — متنش را خودِ Digits می‌نویسد */
body.elmlg-page .dig_resendotp{
	display:block;width:100%;text-align:center;margin-top:12px;min-height:44px;
	padding:11px 0;font-size:14px;color:var(--elmlg-muted);cursor:pointer;
	font-variant-numeric:tabular-nums;
}
body.elmlg-page .dig_resendotp[dis="0"],
body.elmlg-page .dig_resendotp:hover{color:var(--elmlg-primary);font-weight:700;}

body.elmlg-page .elmlg-back{
	display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:14px;
	font-weight:700;color:var(--elmlg-primary);background:0;border:0;cursor:pointer;
	padding:0;font-family:inherit;
}
body.elmlg-page .elmlg-back svg{transform:scaleX(-1);}
body.elmlg-page .elmlg-backwrap{text-align:center;}

/* ---------------------------------------------------------------
   ۹) لحظهٔ «کد درست بود» (§۱۷٫۸٫۶)
   حالتِ سبز، پایه است؛ انیمیشن فقط رویش سوار می‌شود. پس با
   «کاهشِ حرکت» هم پیام از دست نمی‌رود.
   --------------------------------------------------------------- */
body.elmlg-page .elmlg-otp.is-ok input{
	border-color:var(--elmlg-ok) !important;background:var(--elmlg-ok-bg) !important;
	color:var(--elmlg-ok) !important;
	animation:elmlg-ok 620ms var(--elmlg-ease) 1;
}
body.elmlg-page .elmlg-otp.is-ok input:nth-child(2){animation-delay:70ms;}
body.elmlg-page .elmlg-otp.is-ok input:nth-child(3){animation-delay:140ms;}
body.elmlg-page .elmlg-otp.is-ok input:nth-child(4){animation-delay:210ms;}
body.elmlg-page .elmlg-otp.is-ok input:nth-child(5){animation-delay:280ms;}
body.elmlg-page .elmlg-otp.is-ok input:nth-child(6){animation-delay:350ms;}
@keyframes elmlg-ok{
	0%{border-color:var(--elmlg-primary);background:var(--elmlg-blush2);
		color:var(--elmlg-ink);transform:scale(1);}
	45%{transform:scale(1.09);}
	100%{transform:scale(1);}
}
body.elmlg-page .elmlg-okbadge{
	width:56px;height:56px;margin:0 auto 12px;border-radius:var(--elmlg-r-pill);
	background:var(--elmlg-ok-bg);color:var(--elmlg-ok);display:grid;place-items:center;
	animation:elmlg-badge 420ms var(--elmlg-ease) 300ms both;
}
@keyframes elmlg-badge{
	from{transform:scale(.6);opacity:0;}
	60%{transform:scale(1.1);opacity:1;}
	to{transform:scale(1);opacity:1;}
}
body.elmlg-page .elmlg-okmsg{
	margin:14px 0 0;text-align:center;font-size:15px;font-weight:700;color:var(--elmlg-ok);
	animation:elmlg-rise 320ms var(--elmlg-ease) 460ms both;
}
body.elmlg-page .elmlg-okmsg span{
	display:block;font-size:13px;font-weight:400;color:var(--elmlg-muted);margin-top:2px;
}
@keyframes elmlg-rise{
	from{transform:translateY(8px);opacity:0;}
	to{transform:translateY(0);opacity:1;}
}
/* وقتی ورود موفق شد فقط گام‌نما، جعبه‌های سبز و پیام می‌مانند.
   نکته‌ای که یک‌بار گیرمان انداخت: #dig_wc_log_otp_container خودش کلاسِ
   .form-row دارد؛ قاعدهٔ عمومیِ «.form-row را پنهان کن» تیک و پیام را هم
   با خودش می‌برد. پس این‌جا صریح استثنا می‌شود. */
body.elmlg-page form.login.is-ok > *{display:none !important;}
body.elmlg-page form.login.is-ok > #dig_wc_log_otp_container{display:block !important;}
body.elmlg-page form.login.is-ok > .elmlg-steps{display:flex !important;}
body.elmlg-page form.login.is-ok #dig_wc_log_otp_container > label{display:none !important;}

/* «Digits» موقعِ ورود یک پردهٔ تمام‌صفحه می‌اندازد و یک کادرِ سبز نشان می‌دهد.
   پرده انیمیشنِ ما را می‌پوشاند و کادرِ سبز هم اضافه است — هر دو فقط در
   همین لحظه و فقط در همین صفحه کنار می‌روند. خطاها دست‌نخورده می‌مانند. */
body.elmlg-page.elmlg-ok .dig_load_overlay,
body.elmlg-page.elmlg-ok .dig_popmessage{display:none !important;}

/* ---------------------------------------------------------------
   ۱۰) پیام‌های ووکامرس (§۱۸٫۳)
   --------------------------------------------------------------- */
body.elmlg-page .woocommerce-notices-wrapper{margin:0 0 14px;}
body.elmlg-page .woocommerce-error,
body.elmlg-page .woocommerce-message,
body.elmlg-page .woocommerce-info{
	border-radius:var(--elmlg-r-card);border:1px solid var(--elmlg-border);
	border-top:3px solid var(--elmlg-primary);background:var(--elmlg-blush);
	color:var(--elmlg-ink);padding:12px 14px;margin:0 0 12px;list-style:none;
	font-size:14px;line-height:1.75;
}
body.elmlg-page .woocommerce-error{
	border-top-color:var(--elmlg-danger);background:var(--elmlg-danger-bg);
	color:var(--elmlg-danger);font-weight:600;
}
body.elmlg-page .woocommerce-error li{margin:0;}
body.elmlg-page .woocommerce-error::before,
body.elmlg-page .woocommerce-message::before,
body.elmlg-page .woocommerce-info::before{content:none;}

/* ---------------------------------------------------------------
   ۱۱) متنِ قوانین و ردیفِ اعتماد
   --------------------------------------------------------------- */
body.elmlg-page .elmlg-terms{
	margin:14px 0 0;font-size:13px;line-height:1.9;color:var(--elmlg-muted);text-align:center;
}
/* رنگِ لینک با !important — رنگِ لینکِ سراسریِ کیت روی سایتِ زنده می‌بَرد و آبی می‌کند */
body.elmlg-page .elmlg-terms a{
	color:var(--elmlg-primary) !important;font-weight:700;text-decoration:none;
	display:inline-block;padding:11px 2px;margin:-11px 0;
}
body.elmlg-page .elmlg-terms a:hover{text-decoration:underline;color:var(--elmlg-primary-hover) !important;}
body.elmlg-page .woocommerce-privacy-policy-text{
	font-size:13px;line-height:1.9;color:var(--elmlg-muted);
}
body.elmlg-page .woocommerce-privacy-policy-text p{margin:12px 0 0;}
body.elmlg-page .elmlg-trust{
	display:flex;justify-content:center;gap:10px;margin:14px 0 0;flex-wrap:wrap;
}
body.elmlg-page .elmlg-trust span{
	display:inline-flex;align-items:center;gap:5px;font-size:13px;color:var(--elmlg-muted);
}
body.elmlg-page .elmlg-trust svg{color:var(--elmlg-rosegold);}

/* ---------------------------------------------------------------
   ۱۲) فرمِ ثبت‌نام — نام باید بالای شماره بیاید.
   جابه‌جایی با «order»، نه با تغییرِ نشانه‌گذاری (§۳۱٫۳ بندِ ۵).
   --------------------------------------------------------------- */
body.elmlg-page form.register{display:flex;flex-direction:column;}
body.elmlg-page form.register > *{order:10;}
body.elmlg-page form.register > #dig_cs_name{order:1;}
body.elmlg-page form.register > .elmlg-reg-lbl{order:2;margin-bottom:0;}
body.elmlg-page form.register > .elmlg-reg-fld{order:3;}
body.elmlg-page form.register > p:not([class]){order:4;font-size:13px;color:var(--elmlg-muted);
	line-height:1.75;margin:6px 0 14px;}

/* ---------------------------------------------------------------
   ۱۳) پنلِ کناریِ کامپیوتر (§۱۷٫۸٫۴)
   --------------------------------------------------------------- */
body.elmlg-page .elmlg-side{display:none;}

/* تبلت: تک‌ستون می‌ماند، ولی کارت بیش از ۴۸۰px پهن نمی‌شود؛
   فیلدِ ۷۳۶ پیکسلی برای یک شماره تلفن، کِش‌آمده به‌نظر می‌رسد. */
@media (min-width:601px) and (max-width:1024px){
	body.elmlg-page .elmlg-wrap{max-width:480px;margin-inline:auto;}
	body.elmlg-page .elmlg-trust{max-width:480px;margin-inline:auto;}
}

/* ---------------------------------------------------------------
   ۱۴) کامپیوتر — از ۱۰۲۵px
   --------------------------------------------------------------- */
@media (min-width:1025px){
	body.elmlg-page .elmlg-hero{display:none;}
	body.elmlg-page .elmlg{padding:40px 24px 48px;}
	body.elmlg-page .elmlg-shell{
		max-width:1000px;margin:0 auto;display:grid;
		grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:24px;align-items:stretch;
	}
	body.elmlg-page .elmlg-wrap{padding:0;margin:0;}
	body.elmlg-page #customer_login{padding:28px;box-shadow:var(--elmlg-sh-lg);}

	body.elmlg-page .elmlg-side{
		position:relative;overflow:hidden;border-radius:var(--elmlg-r-lg);
		/* گرادیانِ نسخهٔ ۳ (§۳۶٫۱) */
		background:linear-gradient(135deg,#3E2329 0%,#77303F 55%,#A0455A 100%);
		color:var(--elmlg-on);padding:32px 28px;
		display:flex;flex-direction:column;justify-content:center;gap:22px;
		box-shadow:var(--elmlg-sh-md);
	}
	body.elmlg-page .elmlg-side::after{
		content:"";position:absolute;inset:auto auto -100px -80px;
		width:280px;height:280px;border-radius:var(--elmlg-r-pill);pointer-events:none;
		background:radial-gradient(circle,rgba(196,138,120,.55),transparent 68%);
	}
	body.elmlg-page .elmlg-side::before{
		content:"";position:absolute;top:-48px;right:-48px;width:160px;height:160px;
		border-radius:var(--elmlg-r-pill);border:2px solid var(--elmlg-rosegold);
		opacity:.5;pointer-events:none;z-index:0;
	}
	body.elmlg-page .elmlg-side > *{position:relative;z-index:1;}
	body.elmlg-page .elmlg-sidetop{display:flex;align-items:center;gap:16px;}
	body.elmlg-page .elmlg-sidetop img{height:58px;width:auto;flex:none;display:block;}
	body.elmlg-page .elmlg-sidesep{
		width:1px;align-self:stretch;background:rgba(255,246,243,.28);flex:none;
	}
	body.elmlg-page .elmlg-sidekick{
		margin:0;font-size:15px;line-height:1.7;color:var(--elmlg-on-mut);max-width:20ch;
	}
	body.elmlg-page .elmlg-side h2{
		margin:0;font-size:24px;line-height:1.45;font-weight:800;color:var(--elmlg-on);
	}
	body.elmlg-page .elmlg-sidetiles{
		display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;
	}
	body.elmlg-page .elmlg-sidetile{
		background:rgba(255,246,243,.14);border:1px solid rgba(255,246,243,.24);
		border-radius:var(--elmlg-r-card);padding:12px;display:flex;flex-direction:column;gap:6px;
	}
	body.elmlg-page .elmlg-sidetile .elmlg-ic{
		width:34px;height:34px;border-radius:var(--elmlg-r-md);
		background:rgba(255,246,243,.18);display:grid;place-items:center;
	}
	body.elmlg-page .elmlg-sidetile b{font-size:14px;font-weight:700;line-height:1.5;}
	body.elmlg-page .elmlg-sidetile span{
		font-size:13px;line-height:1.6;color:var(--elmlg-on-mut);
	}
}

/* ---------------------------------------------------------------
   ۱۵) کاهشِ حرکت (§۲۹٫۳)
   --------------------------------------------------------------- */
@media (prefers-reduced-motion:reduce){
	body.elmlg-page .elmlg *,
	body.elmlg-page #customer_login *{
		transition:none !important;animation:none !important;
	}
}

/* ---------------------------------------------------------------
   ۱۶) ماشینِ حالتِ فرمِ ورود
   سه حالت: «کدِ پیامکی گامِ ۱» · «کدِ پیامکی گامِ ۲» · «رمز عبور».
   ترتیبِ دیده‌شدن با «order» است، نه با جابه‌جاییِ نشانه‌گذاری،
   چون نشانه‌گذاری مالِ افزونهٔ Digits است (§۳۱٫۳ بندِ ۵).
   --------------------------------------------------------------- */
body.elmlg-page form.login{display:flex;flex-direction:column;}
body.elmlg-page form.login > *{order:30;}
body.elmlg-page form.login > .elmlg-steps{order:1;}
body.elmlg-page form.login > .elmlg-sent{order:2;}
/* برچسب و فیلدِ شماره دو گرهٔ جدا هستند (تلهٔ «div داخلِ p») — پشتِ سرِ هم */
body.elmlg-page form.login > .elmlg-uname-row{order:3;margin-bottom:0;}
body.elmlg-page form.login > .elmlg-uname-field{order:4;}
body.elmlg-page form.login > .elmlg-hint{order:5;margin-bottom:14px;}
body.elmlg-page form.login > #dig_wc_log_otp_container{order:6;}
body.elmlg-page form.login > .elmlg-pw-row{order:7;}
body.elmlg-page form.login > .elmlg-submit-row{order:8;}
body.elmlg-page form.login > .woocommerce-LostPassword{order:9;}
body.elmlg-page form.login > .loginViaContainer{order:10;}
body.elmlg-page form.login > .dig_resendotp{order:11;}
body.elmlg-page form.login > .elmlg-or{order:12;}
body.elmlg-page form.login > .elmlg-switchwrap{order:13;}
body.elmlg-page form.login > .elmlg-backwrap{order:14;}
body.elmlg-page form.login > .elmlg-terms{order:15;}
body.elmlg-page .elmlg-empty{display:none !important;}

/* پنهان‌سازی فقط با کلاسی که جاوااسکریپت می‌گذارد — «شکستِ باز».
   قبلاً این‌جا قاعده‌هایی بود از جنسِ «اگر .is-step2 نبود، دکمهٔ ورود را
   پنهان کن». وقتی تشخیصِ گام از کار افتاد، دکمه برای همیشه پنهان ماند و
   کاربر گیر کرد. حالا اگر جاوااسکریپت هم بمیرد، هیچ‌چیز پنهان نمی‌شود. */
body.elmlg-page .elmlg-hide{display:none !important;}

/* برچسبِ «کدِ تأیید» وسطِ جعبه‌ها می‌نشیند */
body.elmlg-page #dig_wc_log_otp_container > label,
body.elmlg-page #reg_billing_otp_container > label{text-align:center;}

/* لینکِ «سیاست حریم خصوصی» داخلِ جملهٔ ثبت‌نام — هدفِ لمسِ ۴۴px (§۲۶٫۳) */
body.elmlg-page .woocommerce-privacy-policy-text a{
	display:inline-block;padding:11px 2px;margin:-11px 0;
	color:var(--elmlg-primary);font-weight:700;text-decoration:none;
}
body.elmlg-page .woocommerce-privacy-policy-text a:hover{text-decoration:underline;}