/* =========================================================
   ثبت‌نام + بازیابی رمز عبور + فرم ورود با رمز

   فقط فیلدهای تازه‌ای که در auth.css نبودند (چیدمانِ عمودیِ چند فیلد،
   فرم ورود با رمز، متن راهنمای مهاجرت، لینک تعویض بین ورود/ثبت‌نام/
   بازیابی). خودِ کارت (.otp-login)، اینپوت‌ها (.otp-login__input)،
   خطا (.otp-login__error)، کد آزمایشی (.otp-login__dev) و چک‌باکس
   رضایت (.otp-login__consent*) عیناً از auth.css می‌آیند — این فایل
   هیچ‌کدام را دوباره تعریف نمی‌کند، فقط کنارشان اضافه می‌کند.

   طبق دستور: auth.css و style.css توسط ایجنت دیگری در حال ویرایش‌اند،
   پس هر CSS تازه‌ی این قابلیت اینجا می‌آید، نه آنجا. توکن‌های رنگ/
   فاصله/شعاع همان‌هایی‌اند که style.css در :root تعریف کرده
   (--surface, --line, --text, --s-*, --r-*, --ease-out, ...).
   ========================================================= */

/* یک فیلد تکی (لیبل + اینپوت) داخل یک قدم — otp-login__step قبلاً فقط
   فاصله‌ی بین قدم‌ها را می‌داد، نه بین فیلدهای داخل یک قدم. */
.otp-login__field{ display:flex; flex-direction:column; gap:var(--s-2); }
.otp-login__field + .otp-login__field{ margin-block-start:var(--s-4); }

/* فرم ورود با رمز: چیدمان ستونی مثل .otp-login__step، بدون تگ‌های
   پیش‌فرض ووکامرس (که در auth.css استایل نمی‌گیرند). */
.auth-form{ display:flex; flex-direction:column; }
.auth-form .otp-login__field + .otp-login__field{ margin-block-start:var(--s-4); }
.auth-form .otp-login__consent{ margin-block-start:var(--s-4); }
.auth-form__submit{ margin-block-start:var(--s-5); width:100%; }

/* دکمه‌ی تمام‌عرضِ «دریافت کد تأیید» در قدم اول ثبت‌نام — همان جای
   .otp-login__row .btn در فرم قدیمی، ولی اینجا کنار اینپوت نیست، زیر
   همه‌ی فیلدهاست. */
#regStepInfo .auth-form__submit{ margin-block-start:var(--s-5); width:100%; }
#rstStepCode .auth-form__submit{ margin-block-start:var(--s-5); width:100%; }

/* راهنمای مهاجرت از حساب‌های قدیمیِ فقط-OTP، زیر فرم ورود */
.auth-hint{
	margin:var(--s-4) 0 0; padding:var(--s-3) var(--s-4);
	border-radius:var(--r-md); background:var(--surface-2);
	border-inline-start:4px solid var(--indigo);
	font-size:.8125rem; color:var(--text-muted); line-height:1.7;
}

/* لینک‌های تعویض بین ورود/ثبت‌نام/بازیابی — همان زبان .otp-login__hint
   ولی بدون نقطه‌ی جداکننده‌ی پیش‌فرض و با کمی فاصله‌ی بیشتر از بالا،
   چون معمولاً بعد از یک بلوک خطا/کد-آزمایشی می‌آید. */
.otp-login__hint--switch{ margin-block-start:var(--s-5); justify-content:center; }