/* ==========================================================================
   SHIFT Core — استایل‌های بازطراحی‌شده فرم‌ها و پیام‌های Digits 9.3
   طراحی هماهنگ با DESIGN.md و سیستم توکن‌های sc-tokens.css
   فقط از متغیرهای var(--sc-*) استفاده می‌شود (بدون مقادیر ثابت).
   پالت رنگی: سفید #FFFFFF، مشکی #0C0C0C، آبی رویال #3366FF (Accent)
   سبز و قرمز منحصراً برای موفقیت و خطا.
   فونت: IRANYekanX — چینش: تماماً راست‌به‌چپ (RTL)
   ========================================================================== */

/* ---------- ۱. فونت: در modules/sms/digits-messages.php درون‌خطی چاپ می‌شود (Vazirmatn یا IRANYekanX) ---------- */

/* ---------- ۲. نگاشت متغیرهای بومی Digits به توکن‌های طراحی SHIFT Core ---------- */
.digits_ui,
.digits-form_page,
.digits-form_container,
.digits_modal_box,
.digits_secure_modal_box,
.dig_ma-box {
  --dprimary: var(--sc-ink);
  --dtitle: var(--sc-ink);
  --dfield_bg: var(--sc-surface);
  --daccent: var(--sc-accent);
  --dform_bg: var(--sc-bg);
  --dbutton_text: var(--sc-on-accent);
  font-family: var(--sc-font) !important;
  direction: rtl !important;
}

.digits_ui *,
.digits-form_container *,
.digits_modal_box *,
.digits_secure_modal_box *,
.dig_ma-box * {
  font-family: var(--sc-font) !important;
  box-sizing: border-box;
}

/* ---------- ۳. پیام‌های پاپ‌آپ و نوتیفیکیشن‌ها (dig_popmessage) ---------- */
.dig_popmessage {
  border-radius: var(--sc-radius-md) !important;
  overflow: hidden;
  box-shadow: var(--sc-elevation-1) !important;
  line-height: var(--sc-label-m-lh) !important;
  background: transparent !important;
  direction: rtl !important;
}
.dig_popmessage .dig_popmessage_contents {
  background: var(--sc-bg) !important;
  border: var(--sc-border) solid var(--sc-line) !important;
  border-radius: var(--sc-radius-md) !important;
  align-items: center !important;
  padding: 14px var(--sc-space-3) 14px 40px !important;
  gap: var(--sc-space-2) !important;
}
.dig_popmessage .dig_firele {
  position: relative !important;
  inset: auto !important;
  width: 28px !important;
  height: 28px !important;
  flex: 0 0 28px !important;
  border-radius: var(--sc-radius-sm) !important;
  background: var(--sc-accent-container) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.dig_popmessage .dig_pop_bg,
.dig_popmessage .dig_pop_bg_over {
  display: none !important;
}
.dig_popmessage .dig_firele::before {
  content: "i";
  font-family: var(--sc-font) !important;
  font-weight: var(--sc-weight-bold) !important;
  font-size: var(--sc-title-s-size) !important;
  line-height: 1 !important;
  color: var(--sc-accent) !important;
}
.dig_popmessage .dig_lasele,
html[dir="rtl"] .dig_popmessage .dig_lasele {
  padding: 0 !important;
  position: static !important;
}
.dig_popmessage .dig_lase_snap {
  font-family: var(--sc-font) !important;
  font-size: var(--sc-title-s-size) !important;
  font-weight: var(--sc-weight-bold) !important;
  color: var(--sc-ink) !important;
  line-height: 1.5 !important;
  margin: 0 0 2px !important;
}
.dig_popmessage .dig_lase_message {
  font-family: var(--sc-font) !important;
  font-size: var(--sc-body-s-size) !important;
  font-weight: var(--sc-weight-regular) !important;
  color: var(--sc-text) !important;
  line-height: var(--sc-body-s-lh) !important;
  text-align: right !important;
}
.dig_popmessage .dig_popdismiss {
  border-radius: var(--sc-radius-sm) !important;
  background: var(--sc-primary-hover) !important;
  opacity: .45;
  top: 50% !important;
  bottom: auto !important;
  right: auto !important;
  left: 14px !important;
  transform: translateY(-50%);
  transition: opacity var(--sc-duration-short) var(--sc-ease);
}
.dig_popmessage:hover .dig_popdismiss {
  opacity: .8;
}

/* وضعیت‌های پیام: موفقیت (سبز) */
.dig_success_msg .dig_popmessage_contents {
  border-color: var(--sc-line) !important;
}
.dig_success_msg .dig_firele {
  background: var(--sc-success-container) !important;
}
.dig_success_msg .dig_firele::before {
  content: "";
  width: 11px;
  height: 6px;
  margin-top: -3px;
  border-left: 2px solid var(--sc-on-success-container);
  border-bottom: 2px solid var(--sc-on-success-container);
  transform: rotate(-45deg);
}

/* وضعیت‌های پیام: بحرانی و خطا (قرمز) */
.dig_critical_msg .dig_popmessage_contents {
  border-color: var(--sc-line) !important;
}
.dig_critical_msg .dig_firele {
  background: var(--sc-error-container) !important;
}
.dig_critical_msg .dig_firele::before {
  content: "!";
  font-family: var(--sc-font) !important;
  font-weight: var(--sc-weight-bold) !important;
  color: var(--sc-on-error-container) !important;
}

/* وضعیت‌های پیام: یادداشت و هشدار */
.dig_notice_msg .dig_popmessage_contents {
  border-color: var(--sc-line) !important;
}
.dig_notice_msg .dig_firele {
  background: var(--sc-note-container) !important;
}
.dig_notice_msg .dig_firele::before {
  content: "!";
  font-family: var(--sc-font) !important;
  font-weight: var(--sc-weight-bold) !important;
  color: var(--sc-on-note-container) !important;
}

/* ---------- ۴. صفحه و کانتینر اصلی فرم (صفحه اختصاصی و مدال) ---------- */
.digits-form_page {
  background-color: var(--sc-surface) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 100vh !important;
  padding: var(--sc-space-4) !important;
}

.digits-form_container.digits {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  max-width: 440px !important;
  width: 100% !important;
  margin: 0 auto !important;
}

.digits-form_wrapper.digits_modal_box,
.digits2_box.digits_modal_box {
  background-color: var(--sc-bg) !important;
  border: var(--sc-border) solid var(--sc-line) !important;
  border-radius: var(--sc-radius-md) !important;
  box-shadow: var(--sc-elevation-1) !important;
  padding: var(--sc-card-pad) !important;
  max-width: 440px !important;
  width: 100% !important;
  margin: 0 auto !important;
  position: relative !important;
}

/* پس‌زمینه مدال در صفحات معمولی */
.digits_modal_box:not(.digits2_box),
.dig_modal_overlay {
  background-color: var(--sc-scrim) !important;
}

/* دکمه بستن و بازگشت */
.digits-cancel,
.dig_login_cancel {
  position: absolute !important;
  top: var(--sc-space-3) !important;
  left: var(--sc-space-3) !important;
  right: auto !important;
  cursor: pointer !important;
  color: var(--sc-ref-dark-400) !important;
  transition: var(--sc-transition) !important;
  z-index: 20 !important;
  width: 32px !important;
  height: 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: var(--sc-border) solid var(--sc-line) !important;
  border-radius: var(--sc-radius-pill) !important;
  background-color: var(--sc-bg) !important;
}
.digits-cancel:hover,
.dig_login_cancel:hover {
  color: var(--sc-ink) !important;
  border-color: var(--sc-accent) !important;
}
.digits-cancel::before,
.dig_login_cancel::before {
  content: "✕";
  font-size: 13px;
  line-height: 1;
}

/* ---------- ۵. سربرگ فرم و دکمه بازگشت ---------- */
.digits-form_heading {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: var(--sc-space-4) !important;
  padding-bottom: var(--sc-space-2) !important;
  border-bottom: var(--sc-border) solid var(--sc-line) !important;
}

.digits-form_heading_text {
  font-family: var(--sc-font) !important;
  font-size: var(--sc-headline-size) !important;
  font-weight: var(--sc-weight-bold) !important;
  color: var(--sc-ink) !important;
  line-height: var(--sc-headline-lh) !important;
}

.digits_back_icon,
.digits_form_back {
  cursor: pointer !important;
  color: var(--sc-ink) !important;
  opacity: 0.7 !important;
  transition: var(--sc-transition) !important;
}
.digits_back_icon:hover,
.digits_form_back:hover {
  opacity: 1 !important;
  color: var(--sc-accent) !important;
}

/* ---------- ۶. تب‌های جابه‌جایی میان موبایل و ایمیل ---------- */
.digits-form_tabs {
  margin-bottom: var(--sc-space-4) !important;
}

.digits-form_tab-bar {
  display: flex !important;
  gap: var(--sc-space-3) !important;
  border-bottom: var(--sc-border) solid var(--sc-line) !important;
  padding-bottom: 0 !important;
  margin: 0 0 var(--sc-space-3) 0 !important;
}

.digits-form_tab-bar .digits-form_tab-item {
  color: var(--sc-text) !important;
  font-family: var(--sc-font) !important;
  font-size: var(--sc-body-s-size) !important;
  font-weight: var(--sc-weight-regular) !important;
  padding: var(--sc-space-2) var(--sc-space-1) !important;
  border-bottom: 2px solid transparent !important;
  cursor: pointer !important;
  opacity: 0.65 !important;
  transition: var(--sc-transition) !important;
  margin-bottom: -1px !important;
}

.digits-form_tab-bar .digits-form_tab-item:hover {
  opacity: 1 !important;
  color: var(--sc-accent) !important;
}

.digits-form_tab-bar .digits-form_tab-item.digits-tab_active {
  color: var(--sc-accent) !important;
  font-weight: var(--sc-weight-bold) !important;
  border-bottom: 2px solid var(--sc-accent) !important;
  opacity: 1 !important;
}

/* ---------- ۷. ردیف‌ها و فیلدهای ورودی ---------- */
.digits-form_input_row {
  margin-bottom: var(--sc-space-3) !important;
  position: relative !important;
  border: none !important;
}

/* برچسب فیلدها */
.digits-form_input label,
.digits-form_input_label,
.field_label {
  display: block !important;
  font-family: var(--sc-font) !important;
  font-size: var(--sc-label-m-size) !important;
  font-weight: var(--sc-weight-bold) !important;
  color: var(--sc-ink) !important;
  margin-bottom: var(--sc-space-1) !important;
  text-align: right !important;
}

/* اینپوت‌های متنی، پسورد، ایمیل و تلفن */
.digits-form_input input,
.digits-form_input textarea,
.digits2_box .digits-form_input input[type="text"],
.digits2_box .digits-form_input input[type="password"],
.digits2_box .digits-form_input input[type="email"],
.digits2_box .digits-form_input input[type="tel"],
.digits-form_input_row input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not(.countrycode) {
  width: 100% !important;
  height: var(--sc-field-h) !important;
  line-height: var(--sc-field-h) !important;
  background-color: var(--sc-surface) !important;
  border: var(--sc-border) solid var(--sc-line) !important;
  border-radius: var(--sc-radius-sm) !important;
  padding: 0 var(--sc-space-3) !important;
  font-family: var(--sc-font) !important;
  font-size: var(--sc-body-s-size) !important;
  color: var(--sc-ink) !important;
  outline: none !important;
  box-shadow: none !important;
  transition: var(--sc-transition) !important;
  direction: rtl !important;
  text-align: right !important;
}

.digits-form_input textarea {
  height: auto !important;
  min-height: 96px !important;
  padding: var(--sc-space-2) var(--sc-space-3) !important;
  line-height: var(--sc-body-s-lh) !important;
}

/* حالت فوکوس فیلدها (Focus Ring) */
.digits-form_input input:focus,
.digits-form_input textarea:focus,
.digits2_box .digits-form_input input:focus,
.digits2_box .digits-form_input textarea:focus,
.digits-form_input_row input:focus,
.digits-form_border.digits-row_active {
  background-color: var(--sc-bg) !important;
  border-color: var(--sc-focus) !important;
  box-shadow: 0 0 0 3px var(--sc-focus-halo) !important;
}

/* Placeholder */
.digits-form_input input::placeholder,
.digits-form_input textarea::placeholder {
  color: var(--sc-ref-dark-400) !important;
  opacity: 1 !important;
}

/* خطاهای فیلدها */
.digits-form_input.digits-error input,
.digits-form_input_row.digits-error {
  border-color: var(--sc-error) !important;
  background-color: var(--sc-error-container) !important;
}

/* ---------- ۸. ردیف ورودی شماره موبایل و پیش‌شماره کشور ---------- */
.digits-form_input_row.digits-mobile_wrapper {
  display: flex !important;
  flex-direction: row-reverse !important;
  align-items: stretch !important;
  border: var(--sc-border) solid var(--sc-line) !important;
  border-radius: var(--sc-radius-sm) !important;
  background-color: var(--sc-surface) !important;
  height: var(--sc-field-h) !important;
  overflow: hidden !important;
  transition: var(--sc-transition) !important;
  padding: 0 !important;
}

.digits-form_input_row.digits-mobile_wrapper:focus-within,
.digits-form_input_row.digits-mobile_wrapper.digits-row_active {
  background-color: var(--sc-bg) !important;
  border-color: var(--sc-focus) !important;
  box-shadow: 0 0 0 3px var(--sc-focus-halo) !important;
}

/* بخش پیش‌شماره کشور */
.digits-form_countrycode,
.digits_countrycodecontainer,
.countrycodecontainer {
  display: flex !important;
  align-items: center !important;
  padding: 0 var(--sc-space-2) !important;
  background-color: transparent !important;
  border: none !important;
  border-right: var(--sc-border) solid var(--sc-line) !important;
  margin: 0 !important;
  height: 100% !important;
  flex: 0 0 auto !important;
  cursor: pointer !important;
}

.digits-field-country_flag,
.untdovr_flag_container_flag {
  display: inline-block !important;
  vertical-align: middle !important;
  margin-left: var(--sc-space-1) !important;
}

input.countrycode,
input.digits_countrycode {
  width: 48px !important;
  height: 100% !important;
  border: none !important;
  background: transparent !important;
  font-family: var(--sc-font) !important;
  font-size: var(--sc-body-s-size) !important;
  font-weight: var(--sc-weight-bold) !important;
  color: var(--sc-ink) !important;
  text-align: center !important;
  direction: ltr !important;
  unicode-bidi: isolate !important;
  padding: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* اینپوت شماره موبایل داخل رپِر */
.digits-mobile_wrapper .mobile_field,
.digits-mobile_wrapper input[type="tel"] {
  flex: 1 1 auto !important;
  width: auto !important;
  height: 100% !important;
  border: none !important;
  background: transparent !important;
  padding: 0 var(--sc-space-3) !important;
  font-family: var(--sc-font) !important;
  font-size: var(--sc-body-s-size) !important;
  color: var(--sc-ink) !important;
  direction: ltr !important;
  text-align: right !important;
  box-shadow: none !important;
  outline: none !important;
}

/* منوی جستجو و انتخاب کشور */
.dig-cc-search-container,
.digit_cs-list,
.digits-countrycode-search {
  background-color: var(--sc-bg) !important;
  border: var(--sc-border) solid var(--sc-line) !important;
  border-radius: var(--sc-radius-sm) !important;
  box-shadow: var(--sc-elevation-2) !important;
  z-index: 99999 !important;
}

.countrycode_search,
.dig-cc-search input,
.digits-countrycode-search input {
  height: var(--sc-field-h) !important;
  border: var(--sc-border) solid var(--sc-line) !important;
  border-radius: var(--sc-radius-sm) !important;
  padding: 0 var(--sc-space-3) !important;
  font-family: var(--sc-font) !important;
  font-size: var(--sc-body-s-size) !important;
  color: var(--sc-ink) !important;
  background-color: var(--sc-surface) !important;
}

.digit_cs-list li,
.digits-countrycode-search li {
  padding: var(--sc-space-2) var(--sc-space-3) !important;
  font-family: var(--sc-font) !important;
  font-size: var(--sc-body-s-size) !important;
  color: var(--sc-ink) !important;
  cursor: pointer !important;
  transition: var(--sc-transition) !important;
}

.digit_cs-list li:hover,
.digit_cs-list li.selected,
.digits-countrycode-search li:hover {
  background-color: var(--sc-accent-container) !important;
  color: var(--sc-on-accent-container) !important;
}

/* ---------- ۹. آیکون چشم نمایش رمز عبور ---------- */
.digits_password_inp_row {
  position: relative !important;
}

html[dir="rtl"] .digits_password_inp_row input[type="password"],
html[dir="rtl"] .digits_password_inp_row input[type="text"] {
  padding-left: 44px !important;
  padding-right: var(--sc-space-3) !important;
}

html[dir="rtl"] .digits_password_eye,
html[dir="rtl"] .digit-eye {
  position: absolute !important;
  top: 50% !important;
  bottom: auto !important;
  left: var(--sc-space-3) !important;
  right: auto !important;
  transform: translateY(-50%) !important;
  cursor: pointer !important;
  z-index: 10 !important;
  color: var(--sc-ref-dark-400) !important;
  transition: var(--sc-transition) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  height: 24px !important;
}

html[dir="rtl"] .digits_password_eye:hover,
html[dir="rtl"] .digit-eye:hover {
  color: var(--sc-ink) !important;
}

/* ---------- ۱۰. چک‌باکس «مرا به خاطر بسپار» (سازگار با استایل بومی Digits) ---------- */
.digits-form_rememberme,
.dig_opt_mult_con {
  margin-top: var(--sc-space-2) !important;
  margin-bottom: var(--sc-space-3) !important;
  position: relative !important;
}

.dig_opt_mult label {
  cursor: pointer !important;
  margin-bottom: 0 !important;
  display: block !important;
}

.dig_opt_mult_con .dig_input_wrapper {
  position: relative !important;
  cursor: pointer !important;
  line-height: var(--sc-field-h) !important;
  min-height: 24px !important;
  display: block !important;
}

.dig_opt_mult label .dig_input_wrapper div,
.dig_input_wrapper_label {
  font-family: var(--sc-font) !important;
  font-size: var(--sc-label-m-size) !important;
  color: var(--sc-text) !important;
  padding-right: 28px !important;
  line-height: 24px !important;
}

/* چارچوب چک‌باکس */
html[dir="rtl"] .digits-form_input_row .digits-field-type_checkbox .dig_input_wrapper::before,
html[dir="rtl"] .digits-form_input_row .digits-field-type_tac .dig_input_wrapper::before,
html[dir="rtl"] .dig_opt_mult_con .dig_input_wrapper::before {
  content: "" !important;
  width: 18px !important;
  height: 18px !important;
  border: var(--sc-border) solid var(--sc-line) !important;
  border-radius: var(--sc-radius-xs) !important;
  background-color: var(--sc-surface) !important;
  position: absolute !important;
  top: 50% !important;
  right: 0 !important;
  left: auto !important;
  transform: translateY(-50%) !important;
  transition: var(--sc-transition) !important;
}

/* حالت انتخاب‌شده چک‌باکس */
html[dir="rtl"] .digits-form_input_row .digits-field-type_checkbox .selected .dig_input_wrapper::before,
html[dir="rtl"] .digits-form_input_row .digits-field-type_tac .selected .dig_input_wrapper::before,
html[dir="rtl"] .dig_opt_mult_con .selected .dig_input_wrapper::before {
  background-color: var(--sc-accent) !important;
  border-color: var(--sc-accent) !important;
}

html[dir="rtl"] .digits-form_input_row .digits-field-type_checkbox .selected .dig_input_wrapper::after,
html[dir="rtl"] .digits-form_input_row .digits-field-type_tac .selected .dig_input_wrapper::after,
html[dir="rtl"] .dig_opt_mult_con .selected .dig_input_wrapper::after {
  background-color: var(--sc-on-accent) !important;
  top: 50% !important;
  right: 0 !important;
  left: auto !important;
  transform: translateY(-50%) !important;
}

/* ---------- ۱۱. دکمه ارسال و ورود (Submit & Buttons) ---------- */
.digits-form_button,
.digits-form_submit,
.digits-form_submit-btn,
.digits-form_field_button,
.digits_modal_box .digits-form_button[type="submit"] {
  width: 100% !important;
  height: var(--sc-field-h) !important;
  line-height: var(--sc-field-h) !important;
  background-color: var(--sc-accent) !important;
  color: var(--sc-on-accent) !important;
  border: none !important;
  border-radius: var(--sc-radius-sm) !important;
  font-family: var(--sc-font) !important;
  font-size: var(--sc-label-l-size) !important;
  font-weight: var(--sc-weight-bold) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: var(--sc-space-2) !important;
  cursor: pointer !important;
  box-shadow: none !important;
  transition: var(--sc-transition) !important;
  margin-top: var(--sc-space-3) !important;
}

.digits-form_button:hover,
.digits-form_submit:hover,
.digits-form_submit-btn:hover,
.digits-form_field_button:hover {
  background-color: var(--sc-accent-hover) !important;
  color: var(--sc-on-accent) !important;
}

.digits-form_button:active,
.digits-form_submit:active,
.digits-form_submit-btn:active,
.digits-form_field_button:active {
  background-color: var(--sc-accent-pressed) !important;
}

.digits-form_button-text,
.digits-form_submit-btn span {
  font-family: var(--sc-font) !important;
  font-size: var(--sc-label-l-size) !important;
  font-weight: var(--sc-weight-bold) !important;
  color: var(--sc-on-accent) !important;
}

/* چرخش آیکون فلش برای چینش RTL */
.digits-form_button_ic {
  transform: rotate(180deg) !important;
}

/* ---------- ۱۲. لینک‌های پاورقی، جابه‌جایی فرم‌ها و لوگو ---------- */
.digits-form_footer,
.dig_login_signup_bar,
.digits-form_toggle_login_register,
.digits_site_footer_box {
  margin-top: var(--sc-space-3) !important;
  text-align: center !important;
  font-family: var(--sc-font) !important;
  font-size: var(--sc-label-m-size) !important;
  color: var(--sc-text) !important;
}

.digits-form_link,
.digits-form_show_forgot_password,
.digplus_register_text,
.digits-form_toggle_login_register span,
.digits-form_toggle_login_register a,
.digits-form_footer a {
  color: var(--sc-link) !important;
  font-family: var(--sc-font) !important;
  font-size: var(--sc-label-m-size) !important;
  font-weight: var(--sc-weight-bold) !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: var(--sc-transition) !important;
}

.digits-form_link:hover,
.digits-form_show_forgot_password:hover,
.digplus_register_text:hover,
.digits-form_toggle_login_register a:hover,
.digits-form_footer a:hover {
  color: var(--sc-link-hover) !important;
  text-decoration: underline !important;
}

.digits_site_logo img,
.digits_site_footer_box img {
  max-width: 140px !important;
  height: auto !important;
  margin: var(--sc-space-3) auto 0 !important;
  display: block !important;
}

/* ---------- ۱۳. مرحله تأیید کد پیامکی (OTP Verification) ---------- */
.dig_verify_mobile_otp_container,
.dig_verify_otp,
.dig_otp_block {
  text-align: center !important;
  margin: var(--sc-space-3) 0 !important;
}

.digits_otp_info,
.digits_otp_info_desc_text,
.digits_otp_dest {
  font-family: var(--sc-font) !important;
  font-size: var(--sc-body-s-size) !important;
  color: var(--sc-text) !important;
  margin-bottom: var(--sc-space-3) !important;
}

.dig_verify_otp_input,
.digits_otp_input {
  height: var(--sc-field-h) !important;
  line-height: var(--sc-field-h) !important;
  border: var(--sc-border) solid var(--sc-line) !important;
  border-radius: var(--sc-radius-sm) !important;
  background-color: var(--sc-surface) !important;
  color: var(--sc-ink) !important;
  font-family: var(--sc-font) !important;
  font-size: var(--sc-title-m-size) !important;
  font-weight: var(--sc-weight-bold) !important;
  text-align: center !important;
  letter-spacing: 6px !important;
  direction: ltr !important;
  outline: none !important;
  transition: var(--sc-transition) !important;
}

.dig_verify_otp_input:focus,
.digits_otp_input:focus {
  background-color: var(--sc-bg) !important;
  border-color: var(--sc-focus) !important;
  box-shadow: 0 0 0 3px var(--sc-focus-halo) !important;
}

.digits-form_resend_otp,
.dig_resendotp {
  font-family: var(--sc-font) !important;
  font-size: var(--sc-label-m-size) !important;
  color: var(--sc-accent) !important;
  margin-top: var(--sc-space-3) !important;
  cursor: pointer !important;
  text-decoration: none !important;
  display: inline-block !important;
}

.digits-form_resend_otp:hover,
.dig_resendotp:hover {
  color: var(--sc-accent-hover) !important;
  text-decoration: underline !important;
}

.dig_resendotp_disabled {
  color: var(--sc-ref-dark-400) !important;
  opacity: 0.5 !important;
  cursor: not-allowed !important;
  text-decoration: none !important;
}

/* ---------- ۱۴. لایه و انیمیشن بارگذاری (Loading Overlay & Spinner) ---------- */
.dig_load_overlay {
  background-color: rgba(255, 255, 255, 0.85) !important;
  border-radius: var(--sc-radius-md) !important;
}

.dig_spinner .dig_double-bounce1,
.dig_spinner .dig_double-bounce2 {
  background-color: var(--sc-accent) !important;
}

/* ---------- ۱۵. واکنش‌گرایی (Responsive: Mobile 360px, Tablet, Desktop) ---------- */
@media (max-width: 549px) {
  .digits-form_page {
    padding: var(--sc-space-3) var(--sc-space-2) !important;
    box-sizing: border-box !important;
  }

  .digits-form_container,
  .digits-form_container.digits {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .digits-form_wrapper,
  .digits-form_wrapper.digits_modal_box,
  .digits2_box.digits_modal_box {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: var(--sc-space-4) var(--sc-space-3) !important;
    border-radius: var(--sc-radius-sm) !important;
    box-sizing: border-box !important;
  }

  .digits-form_heading_text {
    font-size: var(--sc-title-l-size) !important;
  }

  .digits-form_input input,
  .digits-form_button,
  .digits-form_input_row.digits-mobile_wrapper {
    height: var(--sc-field-h) !important;
  }
}

@media (min-width: 550px) and (max-width: 991px) {
  .digits-form_container,
  .digits-form_container.digits,
  .digits-form_wrapper,
  .digits-form_wrapper.digits_modal_box,
  .digits2_box.digits_modal_box {
    max-width: 420px !important;
    box-sizing: border-box !important;
  }
}

@media (min-width: 992px) {
  .digits-form_container,
  .digits-form_container.digits,
  .digits-form_wrapper,
  .digits-form_wrapper.digits_modal_box,
  .digits2_box.digits_modal_box {
    max-width: 440px !important;
    box-sizing: border-box !important;
  }
}


/* ---------- ۱۶. اصلاحات چینش فرم ورود Digits (کارت تکی، موبایل، تیک، بستن، لوگو، تب) ----------
   این بلوک باید در انتهای assets/css/digits-messages.css (نسخه ۳٫۱٫۰) اضافه شود.
   روی استیجینگ، به‌صورت تزریق موقت در مرورگر، تست شده است (تب ایمیل و موبایل، صفحه‌ی ?login=true). */

/* کارت فقط روی wrapper؛ کانتینر بیرونی شفاف (قبلاً دو کارت تو در تو بود) */
.digits-form_container.digits{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important}

/* لوگوی پایین کارت داخل جریان صفحه، نه روی کارت (Digits آن را absolute می‌کند) */
.digits-form_container .digits_site_footer_box{position:static!important;padding:var(--sc-space-3) 0 0!important;margin-top:0!important}
.digits-form_container .digits_site_footer_box>div{padding-bottom:0!important}

/* ردیف موبایل: پیش‌شماره چپ، شماره راست، یک حاشیه‌ی واحد */
.digits2_box .digits-mobile_wrapper{position:relative!important;display:block!important;height:var(--sc-field-h)!important;padding:0!important;overflow:visible!important;background-color:var(--sc-surface)!important;border:var(--sc-border) solid var(--sc-line)!important;border-radius:var(--sc-radius-sm)!important}
.digits2_box .digits-mobile_wrapper:focus-within{background-color:var(--sc-bg)!important;border-color:var(--sc-focus)!important;box-shadow:0 0 0 3px var(--sc-focus-halo)!important}
.digits2_box .digits-mobile_wrapper>.digits-form_input:not(.digits-form_countrycode){height:100%!important;display:block!important;margin:0!important}
.digits2_box .digits-mobile_wrapper .digits-form_countrycode{position:absolute!important;top:0!important;bottom:0!important;left:0!important;right:auto!important;width:100px!important;height:100%!important;margin:0!important;padding:0!important;border:0!important;border-right:var(--sc-border) solid var(--sc-line)!important;direction:ltr!important;z-index:2!important}
.digits2_box .digits-mobile_wrapper .digits-form_countrycode .digits-field-country_flag{left:-4px!important;margin:0!important}
.digits2_box .digits-mobile_wrapper .digits-form_countrycode input.digits_countrycode{width:100%!important;height:100%!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0 var(--sc-space-2) 0 40px!important;text-align:left!important;direction:ltr!important}
.digits2_box .digits-mobile_wrapper .digits-form_input input.mobile_field.mobile_format.dig-mobile_field{display:block!important;width:100%!important;height:100%!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0 var(--sc-space-3) 0 112px!important;direction:ltr!important;text-align:left!important}
.digits2_box .digits-mobile_wrapper .digits-form_input input.mobile_field.mobile_format.dig-mobile_field:focus{background:transparent!important;border:0!important;box-shadow:none!important}
.digits2_box .digits-mobile_wrapper .digits-form_countrycode input.digits_countrycode:focus{background:transparent!important;border:0!important;box-shadow:none!important}

/* «مرا به خاطر بسپار»: فقط یک لایه فلکس و حاشیه + جعبه‌ی تیک با بوردر */
.digits2_box .digits-form_rememberme{height:auto!important;display:flex!important;margin:var(--sc-space-2) 0 var(--sc-space-3)!important}
.digits2_box .digits-form_rememberme .dig_opt_mult_con,
.digits2_box .digits-form_rememberme .dig_opt_mult,
.digits2_box .digits-form_rememberme .dig_opt_mult label,
.digits2_box .digits-form_rememberme .dig_input_wrapper{display:block!important;margin:0!important;gap:0!important}
.digits2_box .digits-form_rememberme .dig_input_wrapper{min-height:24px!important}
.digits2_box .digits-form_rememberme .dig_input_wrapper>div{padding:0!important;padding-inline-start:32px!important;line-height:24px!important;color:var(--sc-text)!important;font-size:var(--sc-label-m-size)!important}
.digits2_box .digits-form_rememberme .dig_input_wrapper::before{-webkit-mask:none!important;mask:none!important;width:20px!important;height:20px!important;top:0!important;background-color:var(--sc-bg)!important;border:2px solid var(--sc-ref-dark-400)!important;border-radius:var(--sc-radius-xs)!important;box-sizing:border-box!important}
.digits2_box .digits-form_rememberme .dig_input_wrapper::after{top:0!important;width:20px!important;height:20px!important}
.digits2_box .digits-form_rememberme .dig_input_wrapper:hover::before{border-color:var(--sc-accent)!important}
.digits2_box .digits-form_rememberme .selected .dig_input_wrapper::before{background-color:var(--sc-accent)!important;border-color:var(--sc-accent)!important}
.digits2_box .digits-form_rememberme .selected .dig_input_wrapper::after{background-color:var(--sc-on-accent)!important}

/* خط زیر تب: همان اسلایدر خود Digits با رنگ برند؛ خط ثابت تکراری حذف */
.digits-form_tab-bar .digits-form_tab-item.digits-tab_active{border-bottom-color:transparent!important}
.digits-form_tab-bar .digits-slider_line,.digits-slider_line{background-color:var(--sc-accent)!important}

/* ضربدر بستن: خنثی و هم‌خوان با برند، به‌جای قاب و ضربدر قرمز پیش‌فرض Digits */
.digits-cancel.dig_login_cancel{border:var(--sc-border) solid var(--sc-line)!important;border-radius:var(--sc-radius-sm)!important;background-color:var(--sc-bg)!important;background-image:none!important}
.digits-cancel.dig_login_cancel:hover{border-color:var(--sc-ink)!important}
.digits-cancel.dig_login_cancel::before,.digits-cancel.dig_login_cancel::after{content:""!important;position:absolute!important;top:50%!important;left:50%!important;width:12px!important;height:2px!important;border-radius:2px!important;background:var(--sc-ink)!important}
.digits-cancel.dig_login_cancel::before{transform:translate(-50%,-50%) rotate(45deg)!important}
.digits-cancel.dig_login_cancel::after{transform:translate(-50%,-50%) rotate(-45deg)!important}

/* چشمِ نمایش رمز: فقط خود کانتینر absolute است؛ آیکون داخلش عادی (قبلاً هر دو absolute بودند و آیکون نصفه بریده می‌شد) */
html[dir="rtl"] .digits_password_inp_row .digits_password_eye-cont{position:absolute!important;top:auto!important;bottom:calc((var(--sc-field-h) - 24px) / 2)!important;left:var(--sc-space-3)!important;right:auto!important;width:24px!important;height:24px!important;transform:none!important;overflow:hidden!important;display:block!important}
html[dir="rtl"] .digits_password_inp_row .digits_password_eye-cont svg.digit-eye{position:static!important;top:auto!important;left:auto!important;transform:none!important;width:24px!important;height:24px!important;display:block!important}

/* تیک فیلدهای سفارشی فرم عضویت (مثل «بله»): همان ظاهر «مرا به خاطر بسپار» */
.digits2_box .digits-field-type_checkbox .dig_opt_mult_con,
.digits2_box .digits-field-type_checkbox .dig_opt_mult,
.digits2_box .digits-field-type_checkbox .dig_opt_mult label,
.digits2_box .digits-field-type_checkbox .dig_input_wrapper{display:block!important;margin:0!important;gap:0!important}
.digits2_box .digits-field-type_checkbox .dig_opt_mult{margin-bottom:var(--sc-space-2)!important}
.digits2_box .digits-field-type_checkbox .dig_input_wrapper{min-height:24px!important}
.digits2_box .digits-field-type_checkbox .dig_input_wrapper>div{padding:0!important;padding-inline-start:32px!important;line-height:24px!important;color:var(--sc-text)!important;font-size:var(--sc-label-m-size)!important}
.digits2_box .digits-field-type_checkbox .dig_input_wrapper::before{-webkit-mask:none!important;mask:none!important;width:20px!important;height:20px!important;top:0!important;background-color:var(--sc-bg)!important;border:2px solid var(--sc-ref-dark-400)!important;border-radius:var(--sc-radius-xs)!important;box-sizing:border-box!important}
.digits2_box .digits-field-type_checkbox .dig_input_wrapper::after{top:0!important;width:20px!important;height:20px!important}
.digits2_box .digits-field-type_checkbox .dig_input_wrapper:hover::before{border-color:var(--sc-accent)!important}
.digits2_box .digits-field-type_checkbox .selected .dig_input_wrapper::before{background-color:var(--sc-accent)!important;border-color:var(--sc-accent)!important}
.digits2_box .digits-field-type_checkbox .selected .dig_input_wrapper::after{background-color:var(--sc-on-accent)!important}

/* ---------- ۱۷. صفحه‌ی پرداخت ووکامرس: فرم ورود و فیلد موبایل ---------- */
/* تیک «مرا به خاطر بسپار»: قانون width:100% دیجیتس روی همه‌ی اینپوت‌های فرم می‌خورد و تیک را وسط می‌انداخت */
form.woocommerce-form-login .woocommerce-form-login__rememberme{display:flex!important;align-items:center!important;gap:var(--sc-space-2)!important;margin:0 0 var(--sc-space-2)!important;cursor:pointer!important;font-size:var(--sc-label-m-size)!important;color:var(--sc-text)!important}
form.woocommerce-form-login input.woocommerce-form__input-checkbox,
.digits-tp_style.woocommerce-form-login input.woocommerce-form__input-checkbox{-webkit-appearance:none!important;appearance:none!important;flex:0 0 20px!important;width:20px!important;min-width:20px!important;height:20px!important;margin:0!important;padding:0!important;display:inline-grid!important;place-content:center!important;background:var(--sc-bg)!important;border:2px solid var(--sc-ref-dark-400)!important;border-radius:var(--sc-radius-xs)!important;box-shadow:none!important;cursor:pointer!important;transition:var(--sc-transition)!important}
form.woocommerce-form-login input.woocommerce-form__input-checkbox:hover{border-color:var(--sc-accent)!important}
form.woocommerce-form-login input.woocommerce-form__input-checkbox:focus-visible{outline:0!important;box-shadow:0 0 0 3px var(--sc-focus-halo)!important;border-color:var(--sc-focus)!important}
form.woocommerce-form-login input.woocommerce-form__input-checkbox:checked{background:var(--sc-accent)!important;border-color:var(--sc-accent)!important}
form.woocommerce-form-login input.woocommerce-form__input-checkbox:checked::after{content:""!important;display:block!important;width:10px!important;height:5px!important;margin-top:-2px!important;border-left:2px solid var(--sc-on-accent)!important;border-bottom:2px solid var(--sc-on-accent)!important;transform:rotate(-45deg)!important}
/* پیش‌شماره‌ی فیلد موبایل صورت‌حساب: هم‌تراز با متن فیلد، نه چسبیده به بالای آن */
.digcon .dig_wc_countrycodecontainer{top:0!important;height:42px!important;padding-top:15px!important;box-sizing:border-box!important}
.digcon .dig_wc_countrycodecontainer input.countrycode{display:block!important;height:25px!important;line-height:25px!important;padding:0!important}

/* ---------- ۱۸. اصلاحات دور دوم ---------- */
.digits_password_inp_row input,.digits_password_inp_row .digits-form_input input{margin-bottom:0!important}
/* کادر سبز پایین فرم عضویت: قانون لینکِ آبیِ ما روی آن می‌نشست */
.digplus_register_text,.digplus_register_text a,.digplus_register_text span{color:var(--sc-on-accent)!important}

/* ---------- ۱۵. صفحه‌ی ورود/عضویت: رنگ اصلی مشکی، تب‌های کپسولی ---------- */
.digits_ui,
.digits-form_page,
.digits-form_container,
.digits_modal_box,
.digits_secure_modal_box,
.dig_ma-box {
  --sc-accent: var(--sc-ink, #0c0c0c);
  --sc-accent-hover: #2a2c31;
  --sc-on-accent: #fff;
  --sc-accent-container: #f4f5f7;
  --sc-on-accent-container: #0c0c0c;
  --sc-focus: #0c0c0c;
  --sc-focus-halo: rgba(12, 12, 12, .08);
  --daccent: #0c0c0c;
}
.digits-form_tab-bar .digits-slider_line { display: none !important; }
.digits-form_wrapper.digits_modal_box,
.digits2_box.digits_modal_box {
  border-radius: 18px !important;
  padding: 28px !important;
  box-shadow: 0 1px 2px rgba(12, 12, 12, .04), 0 12px 32px -16px rgba(12, 12, 12, .18) !important;
}
.digits-form_heading { border-bottom: 0 !important; padding-bottom: 0 !important; margin-bottom: 18px !important; }
.digits-form_heading_text { font-size: 22px !important; }
.digits-form_tab-bar {
  gap: 4px !important; padding: 4px !important; border: 0 !important; border-radius: 12px !important;
  background: #f4f5f7 !important; margin: 0 0 18px !important;
}
.digits-form_tab-bar .digits-form_tab-item {
  flex: 1 1 0; text-align: center; padding: 8px 10px !important; margin: 0 !important;
  border: 0 !important; border-radius: 9px !important; opacity: 1 !important; color: #6e727c !important;
}
.digits-form_tab-bar .digits-form_tab-item:hover { color: #0c0c0c !important; }
.digits-form_tab-bar .digits-form_tab-item.digits-tab_active {
  background: #fff !important; color: #0c0c0c !important; border: 0 !important;
  box-shadow: 0 1px 3px rgba(12, 12, 12, .1) !important;
}
.digits-form_input_row.digits-form_border,
.digits-form_input_row .digits-form_border { border-radius: 12px !important; }
.digits-form_button,
.digits-form_submit,
.digits-form_submit-btn,
.digits_modal_box .digits-form_button[type="submit"] {
  height: 50px !important; line-height: 50px !important; border-radius: 12px !important; font-size: 16px !important;
}

/* ---------- ۱۶. فیلد شماره و رمز: بدون کادر داخلی، بدون پس‌زمینه‌ی آبی پرکردن خودکار ---------- */
.digits-form_input_row input,
.digits-form_input_row input:focus,
.digits-mobile_wrapper input,
.digits-mobile_wrapper input:focus {
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  background-color: transparent !important;
}
.digits_ui input:-webkit-autofill,
.digits_ui input:-webkit-autofill:hover,
.digits_ui input:-webkit-autofill:focus,
.digits-form_container input:-webkit-autofill,
.digits-form_container input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 100px #fff inset !important;
  box-shadow: 0 0 0 100px #fff inset !important;
  -webkit-text-fill-color: #0c0c0c !important;
  caret-color: #0c0c0c;
  transition: background-color 9999s ease-out 0s;
}
.digits-form_input_row.digits-form_border,
.digits2_box .digits-mobile_wrapper { background-color: #fff !important; }
.digits-form_input_row.digits-form_border:focus-within,
.digits-form_input_row.digits-row_active,
.digits2_box .digits-mobile_wrapper:focus-within {
  background-color: #fff !important; border-color: #0c0c0c !important; box-shadow: 0 0 0 3px rgba(12, 12, 12, .08) !important;
}

/* دکمه‌ی بازگشت: دایره با پیکان، به زبان سایت */
.digits_back_icon:not(.digits_hide_back),
.digits_form_back:not(.digits_hide_back) {
  display: inline-flex !important; flex: none; width: 36px !important; height: 36px !important;
  border: 1px solid #e2e4e9 !important; border-radius: 50% !important; opacity: 1 !important;
  -webkit-mask: none !important; mask: none !important;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230c0c0c' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") no-repeat center / 16px !important;
  transition: background-color .15s, border-color .15s !important;
}
.digits_back_icon:not(.digits_hide_back):hover,
.digits_form_back:not(.digits_hide_back):hover { background-color: #f4f5f7 !important; border-color: #0c0c0c !important; }
.digits_back_icon::before, .digits_back_icon::after, .digits_form_back::before, .digits_form_back::after { display: none !important; }
.digits_back_icon > *, .digits_form_back > * { display: none !important; }
/* دکمه‌ی بازگشت: مربع گرد‌گوشه (زبان SHIFT)، چسبیده به لبه‌ی چپ کادر */
.digits-form_heading { justify-content: space-between !important; }
.digits_back_icon:not(.digits_hide_back),
.digits_form_back:not(.digits_hide_back) {
  order: 2; margin: 0 !important; margin-inline-start: auto !important; border-radius: 10px !important;
  position: static !important; transform: none !important;
}

/* ---------- پیام‌ها روی موبایل: عرض کامل و ثابت در بالای صفحه ---------- */
@media (max-width: 600px) {
  .dig_popmessage {
    top: var(--sc-space-3) !important;
    right: var(--sc-space-3) !important;
    left: var(--sc-space-3) !important;
    width: auto !important;
    max-width: calc(100vw - 2 * var(--sc-space-3)) !important;
    min-height: auto !important;
  }
}