.elementor-227 .elementor-element.elementor-element-58cf16e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}body.elementor-page-227:not(.elementor-motion-effects-element-type-background), body.elementor-page-227 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}/* Start custom CSS for html, class: .elementor-element-a2fae04 *//* ═══════════════════════════════════════════════════════════════════
   ZARCA LOGIN PAGE — Elementor Additional CSS
   کپی کن در: Elementor → Site Settings → Custom CSS
   یا: Elementor → Edit Page → Advanced → Custom CSS

   رنگ‌های برند:
     تیل:   #0A3E43
     طلایی: #C9A84C
     کرم:   #f9f5ec
   ═══════════════════════════════════════════════════════════════════ */

/* ── ۱. متغیرهای CSS و ریست ── */
#zlp-root {
  --zlp-teal:        #0A3E43;
  --zlp-teal-mid:    #145c63;
  --zlp-teal-dark:   #082f33;
  --zlp-gold:        #C9A84C;
  --zlp-gold-dim:    #a07b2a;
  --zlp-cream:       #f9f5ec;
  --zlp-cream-dark:  #ede8da;
  --zlp-text:        rgba(10, 62, 67, 0.9);
  --zlp-text-mute:   rgba(10, 62, 67, 0.48);
  --zlp-radius:      14px;
  --zlp-radius-sm:   9px;
  --zlp-shadow:      0 20px 60px rgba(10, 62, 67, 0.18);
  --zlp-easing:      cubic-bezier(0.4, 0, 0.2, 1);

  /* DIGITS CSS variable overrides — رنگ‌بندی پلاگین */
  --dprimary:     #0A3E43;
  --dtitle:       #0A3E43;
  --dfield_bg:    #ffffff;
  --daccent:      #C9A84C;
  --dform_bg:     transparent;
  --dbutton_text: #f0d98c;
}

/* پاک‌سازی مارجین Elementor روی سکشن و المان این صفحه */
.page-id-YOUR_PAGE_ID .elementor-section,
.page-id-YOUR_PAGE_ID .elementor-widget-wrap {
  padding: 0 !important;
  margin: 0 !important;
}
/* ↑ YOUR_PAGE_ID را با ID صفحه وردپرس خود جایگزین کن */

/* ── ۲. Root Layout ── */
#zlp-root {
  display: flex;
  direction: rtl;
  min-height: 100vh;
 font-family: inherit;
  background: var(--zlp-teal-dark);
  overflow: hidden;
}

/* ═══════════════════════════════════════
   ۳. پنل چپ — برند / دکوراتیو
═══════════════════════════════════════ */
.zlp-brand {
  display: none;
  flex: 1;
  position: relative;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  background: linear-gradient(155deg, var(--zlp-teal-dark) 0%, #0d4d54 45%, var(--zlp-teal-dark) 100%);
}
@media (min-width: 900px) {
  .zlp-brand { display: flex; }
}

/* هاله رنگی */
.zlp-brand::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 75% 55% at 30% 25%, rgba(201,168,76,.18) 0%, transparent 60%),
    radial-gradient(ellipse 55% 75% at 70% 75%, rgba(201,168,76,.1)  0%, transparent 60%);
  pointer-events: none;
}

/* الگوی هندسی دوار */
.zlp-geo {
  position: absolute;
  width: 660px;
  height: 660px;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  opacity: .12;
  animation: zlp-spin 120s linear infinite;
}
@keyframes zlp-spin { to { transform: translate(-50%, -50%) rotate(360deg); } }

/* هشت‌ضلعی شناور */
.zlp-hex {
  position: absolute;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  background: linear-gradient(135deg, rgba(201,168,76,.07), rgba(201,168,76,.02));
  border: 1px solid rgba(201,168,76,.1);
}
.zlp-hex--1 { width: 220px; height: 220px; top: 8%;  left: 5%;  animation: zlp-float 8s ease-in-out infinite; }
.zlp-hex--2 { width: 140px; height: 140px; top: 60%; left: 60%; animation: zlp-float 11s ease-in-out infinite reverse; }
.zlp-hex--3 { width: 90px;  height: 90px;  top: 30%; left: 70%; animation: zlp-float 7s ease-in-out infinite 2s; }
@keyframes zlp-float {
  0%, 100% { transform: translateY(0); }
  50%       { transform: translateY(-16px); }
}

/* محتوای برند */
.zlp-brand__inner {
  position: relative;
  z-index: 2;
  text-align: center;
  padding: 56px 44px;
  max-width: 420px;
}

/* لوگو */
.zlp-brand__logo-wrap {
  position: relative;
  display: inline-block;
  margin-bottom: 28px;
}
.zlp-brand__logo {
  width: 140px;
  height: auto;
  position: relative;
  z-index: 1;
  filter: drop-shadow(0 8px 32px rgba(201,168,76,.5));
  animation: zlp-pulse 4s ease-in-out infinite;
}
@keyframes zlp-pulse {
  0%, 100% { filter: drop-shadow(0 8px 32px rgba(201,168,76,.5)); }
  50%       { filter: drop-shadow(0 12px 48px rgba(201,168,76,.75)); }
}
.zlp-brand__glow {
  position: absolute;
  width: 200px; height: 200px;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(201,168,76,.22) 0%, transparent 70%);
  pointer-events: none;
  animation: zlp-glow 4s ease-in-out infinite;
}
@keyframes zlp-glow {
  0%, 100% { opacity: 0.6; transform: translate(-50%,-50%) scale(1); }
  50%       { opacity: 1;   transform: translate(-50%,-50%) scale(1.15); }
}

/* تگ‌لاین */
.zlp-brand__tagline {
  font-size: 1.05rem;
  color: rgba(249,245,236,.68);
  line-height: 2;
  font-style: italic;
  margin-bottom: 30px;
}
.zlp-brand__tagline em {
  font-style: normal;
  color: rgba(201,168,76,.85);
  font-weight: 600;
}

/* جداکننده */
.zlp-sep {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 30px;
}
.zlp-sep__line {
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(201,168,76,.5), transparent);
}
.zlp-sep__mark {
  font-style: normal;
  color: rgba(201,168,76,.7);
  font-size: .85rem;
}

/* ویژگی‌ها */
.zlp-feats {
  list-style: none;
  padding: 0; margin: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  text-align: right;
  margin-bottom: 32px;
}
.zlp-feat {
  display: flex;
  align-items: center;
  gap: 14px;
  color: rgba(249,245,236,.62);
  font-size: .88rem;
  line-height: 1.6;
  animation: zlp-fadeup .6s var(--zlp-easing) both;
}
.zlp-feat:nth-child(1) { animation-delay: .1s; }
.zlp-feat:nth-child(2) { animation-delay: .2s; }
.zlp-feat:nth-child(3) { animation-delay: .3s; }

.zlp-feat__icon {
  width: 38px; height: 38px;
  border-radius: 50%;
  border: 1px solid rgba(201,168,76,.28);
  background: rgba(201,168,76,.07);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: rgba(201,168,76,.8);
  transition: background .3s, border-color .3s;
}
.zlp-feat:hover .zlp-feat__icon {
  background: rgba(201,168,76,.15);
  border-color: rgba(201,168,76,.5);
}

/* نشان */
.zlp-brand__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 18px;
  border: 1px solid rgba(201,168,76,.25);
  border-radius: 100px;
  background: rgba(201,168,76,.06);
  color: rgba(201,168,76,.75);
  font-size: .78rem;
  letter-spacing: .06em;
}

/* ═══════════════════════════════════════
   ۴. پنل راست — فرم
═══════════════════════════════════════ */
.zlp-panel {
  width: 100%;
  max-width: 540px;
  background: var(--zlp-cream);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 28px 20px;
  position: relative;
  overflow: hidden;
  overflow-y: auto;
  min-height: 100vh;
}
@media (min-width: 900px) {
  .zlp-panel { padding: 52px 48px; }
}

/* خط رنگی بالا */
.zlp-panel__topbar {
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--zlp-teal), var(--zlp-gold), var(--zlp-teal));
  background-size: 200% 100%;
  animation: zlp-shimmer 4s linear infinite;
}
@keyframes zlp-shimmer {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

/* الگوی پس‌زمینه ستاره */
.zlp-panel__pattern {
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpolygon fill='none' stroke='%230A3E43' stroke-width='.1' opacity='.04' points='30,3 34,19 50,19 37,29 42,45 30,35 18,45 23,29 10,19 26,19'/%3E%3C/svg%3E");
  pointer-events: none;
  z-index: 0;
}

/* لوگو موبایل */
.zlp-mobile-logo {
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
  position: relative;
  z-index: 1;
}
.zlp-mobile-logo img {
  width: 100px;
  height: auto;
}
@media (min-width: 900px) {
  .zlp-mobile-logo { display: none; }
}

/* ── کارت فرم ── */
.zlp-card {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 420px;
  animation: zlp-fadeup .55s var(--zlp-easing) both;
}
@keyframes zlp-fadeup {
  from { opacity: 0; transform: translateY(22px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* سربرگ کارت */
.zlp-card__header {
  margin-bottom: 20px;
}
.zlp-card__icon-wrap {
  margin-bottom: 12px;
}
.zlp-card__flower {
  animation: zlp-rotate-slow 20s linear infinite;
}
@keyframes zlp-rotate-slow {
  to { transform: rotate(360deg); }
}
.zlp-card__title {
  font-size: 1.7rem !important;
  font-weight: 800 !important;
  color: var(--zlp-teal) !important;
  margin: 0 0 6px !important;
  line-height: 1.2 !important;
}
.zlp-card__sub {
  font-size: .88rem;
  color: var(--zlp-text-mute);
  line-height: 1.7;
  margin: 0;
}

/* جداکننده کارت */
.zlp-card__divider {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 18px 0 22px;
}
.zlp-card__divider span {
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(160,123,42,.35), transparent);
}
.zlp-card__divider em {
  font-style: normal;
  color: rgba(160,123,42,.6);
  font-size: .72rem;
  letter-spacing: .1em;
  white-space: nowrap;
}

/* فوتر کارت */
.zlp-card__footer {
  margin-top: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}
.zlp-card__back-link,
.zlp-card__privacy-link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: .78rem;
  color: var(--zlp-gold-dim) !important;
  text-decoration: none !important;
  font-weight: 600;
  transition: color .2s;
}
.zlp-card__back-link:hover,
.zlp-card__privacy-link:hover { color: var(--zlp-teal) !important; }
.zlp-card__footer-sep {
  color: var(--zlp-text-mute);
  font-size: .75rem;
}

/* ═══════════════════════════════════════════════════════════
   ۵. استایل‌گذاری فرم DIGITS
   (سازگار با هر دو حالت: new UI / old UI)
═══════════════════════════════════════════════════════════ */

/* ── ظرف اصلی — شفاف‌سازی ── */
.zlp-form-host .digits-form_page,
.zlp-form-host .digits-form_container,
.zlp-form-host .digits-form_wrapper,
.zlp-form-host .digits_ui,
.zlp-form-host .digits_embed-form,
.zlp-form-host .dig_lrf_box,
.zlp-form-host .dig_form,
.zlp-form-host .digits_login_form,
.zlp-form-host .dig-box,
.zlp-form-host #dig-ucr-container {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: none !important;
  min-height: unset !important;
  direction: rtl !important;
}

/* پنهان‌سازی chrome مودال */
.zlp-form-host .digits-cancel,
.zlp-form-host .dig-cont-close,
.zlp-form-host .digits-form_close,
.zlp-form-host .dig_box_head,
.zlp-form-host .dig-box-login-title,
.zlp-form-host .digits_bx_head {
  display: none !important;
}

/* ── فیلدهای ورودی جدید (new UI: .digits-form_input_row) ── */
.zlp-form-host .digits-form_input_row {
  margin-bottom: 14px !important;
}
.zlp-form-host .digits-form_input_row.digits-form_border,
.zlp-form-host .digits-form_input_row.digits-mobile_wrapper {
  border: 1.5px solid rgba(10,62,67,.16) !important;
  border-radius: var(--zlp-radius-sm) !important;
  background: #fff !important;
  overflow: hidden !important;
  transition: border-color .25s, box-shadow .25s !important;
}
.zlp-form-host .digits-form_input_row.digits-form_border:focus-within,
.zlp-form-host .digits-form_input_row.digits-mobile_wrapper:focus-within,
.zlp-form-host .digits-form_input_row.digits-row_active {
  border-color: var(--zlp-gold) !important;
  box-shadow: 0 0 0 3px rgba(201,168,76,.14) !important;
}
.zlp-form-host .digits-form_input input[type="text"],
.zlp-form-host .digits-form_input input[type="tel"],
.zlp-form-host .digits-form_input input[type="number"],
.zlp-form-host .digits-form_input input[type="password"],
.zlp-form-host .digits-form_input textarea {
  border: none !important;
  background: transparent !important;
  outline: none !important;
  padding: 0 14px !important;
  font-size: .95rem !important;
  color: var(--zlp-teal) !important;
  width: 100% !important;
  box-shadow: none !important;
  height: 48px !important;
  line-height: 48px !important;
  font-family: inherit;
}

/* ── اندازه ردیف ورودی موبایل ── */
.zlp-form-host .digits-form_input_row.digits-form_border,
.zlp-form-host .digits-form_input_row.digits-mobile_wrapper {
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
}

/* ── کد کشور: اندازه کوچک و متناسب ── */
.zlp-form-host .digits-form_countrycode {
  height: 48px !important;
  min-width: 72px !important;
  max-width: 90px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  position: relative !important;
  top: auto !important;
}
.zlp-form-host .digits-form_countrycode input.countrycode {
  height: 48px !important;
  line-height: 48px !important;
  font-size: .88rem !important;
  width: 100% !important;
  padding: 0 8px !important;
  text-align: center !important;
}

/* پرچم کشور — اندازه مناسب */
.zlp-form-host .digits-field-country_flag,
.zlp-form-host .untdovr_flag_container_flag {
  width: 20px !important;
  height: 14px !important;
  top: auto !important;
  left: 6px !important;
  border-radius: 2px !important;
}

/* کد کشور (new UI) */
.zlp-form-host .digits-form_countrycode {
  border-inline-end: 1.5px solid rgba(10,62,67,.12) !important;
  background: rgba(10,62,67,.04) !important;
  color: var(--zlp-teal) !important;
  font-weight: 700 !important;
  position: relative !important;
}
.zlp-form-host .digits-form_countrycode input.countrycode {
  background: transparent !important;
  font-weight: 700 !important;
  color: var(--zlp-teal) !important;
  text-align: center !important;
  padding: 0 10px !important;
}

/* ── فیلدهای ورودی قدیم (old UI: .minput) ── */
.zlp-form-host .minput {
  margin-bottom: 14px !important;
}
.zlp-form-host .minput_inner {
  border: 1.5px solid rgba(10,62,67,.16) !important;
  border-radius: var(--zlp-radius-sm) !important;
  background: #fff !important;
  overflow: hidden !important;
  position: relative !important;
  transition: border-color .25s, box-shadow .25s !important;
}
.zlp-form-host .minput_inner:focus-within {
  border-color: var(--zlp-gold) !important;
  box-shadow: 0 0 0 3px rgba(201,168,76,.14) !important;
}
.zlp-form-host .minput input[type="text"],
.zlp-form-host .minput input[type="tel"],
.zlp-form-host .minput input[type="number"],
.zlp-form-host .minput input[type="password"] {
  border: none !important;
  background: transparent !important;
  outline: none !important;
  padding: 0 14px !important;
  font-size: .95rem !important;
  color: var(--zlp-teal) !important;
  width: 100% !important;
  box-shadow: none !important;
  height: 48px !important;
  line-height: 48px !important;
  font-family: inherit;
}
.zlp-form-host .minput_inner {
  height: 48px !important;
  display: flex !important;
  align-items: center !important;
}
.zlp-form-host .countrycode,
.zlp-form-host .logincountrycode,
.zlp-form-host .digits_countrycode {
  height: 48px !important;
  line-height: 48px !important;
  font-size: .88rem !important;
  min-width: 64px !important;
  padding: 0 10px !important;
}
.zlp-form-host .minput label {
  color: var(--zlp-text-mute) !important;
  font-size: .75rem !important;
}
/* خط اکسنت زیر فیلد (old UI) */
.zlp-form-host .bgdark,
.zlp-form-host .bglighte {
  background: linear-gradient(90deg, var(--zlp-teal), var(--zlp-gold)) !important;
  height: 2px !important;
  border-radius: 0 0 8px 8px !important;
}

/* کد کشور (old UI) */
.zlp-form-host .countrycode,
.zlp-form-host .logincountrycode,
.zlp-form-host .digits_countrycode,
.zlp-form-host .country_code_flag {
  background: rgba(10,62,67,.05) !important;
  border-inline-end: 1.5px solid rgba(10,62,67,.12) !important;
  border-top: none !important;
  border-bottom: none !important;
  border-inline-start: none !important;
  color: var(--zlp-teal) !important;
  font-weight: 700 !important;
  padding: 0 10px !important;
  text-align: center !important;
}

/* ── برچسب‌ها ── */
.zlp-form-host label,
.zlp-form-host .field_label,
.zlp-form-host .digits-form_label {
  color: var(--zlp-teal) !important;
  font-size: .82rem !important;
  font-weight: 600 !important;
  margin-bottom: 6px !important;
  display: block !important;
  font-family: inherit;
}

/* ── عنوان داخل فرم ── */
.zlp-form-host .digits-form_heading {
  margin-bottom: 14px !important;
  font-size: 1.1rem !important;
}
.zlp-form-host .digits-form_heading_text {
  color: var(--zlp-teal) !important;
  font-size: 1.1rem !important;
  font-weight: 800 !important;
}
.zlp-form-host .digits_back_icon { color: var(--zlp-teal) !important; }

/* ── تب‌های ورود/ثبت‌نام ── */
.zlp-form-host .digits-form_tab-bar {
  gap: 18px !important;
  margin-bottom: 8px !important;
}
.zlp-form-host .digits-form_tab-item {
  font-size: .95rem !important;
  color: rgba(10,62,67,.38) !important;
  border-bottom: 2.5px solid transparent !important;
  padding-bottom: 4px !important;
  font-weight: 700 !important;
  opacity: 1 !important;
  cursor: pointer !important;
  transition: color .2s, border-color .2s !important;
}
.zlp-form-host .digits-form_tab-item.digits-tab_active,
.zlp-form-host .digits-form_tab-item:hover {
  color: var(--zlp-teal) !important;
  border-bottom-color: var(--zlp-gold) !important;
  opacity: 1 !important;
}

/* ── دکمه اصلی (new UI) ── */
.zlp-form-host .digits-form_button,
.zlp-form-host .digits-form_button[type="submit"],
.zlp-form-host .digits-form_submit,
.zlp-form-host .digits-form_submit-btn {
  background: linear-gradient(135deg, var(--zlp-teal) 0%, var(--zlp-teal-mid) 100%) !important;
  color: var(--zlp-gold) !important;
  border: none !important;
  border-radius: var(--zlp-radius-sm) !important;
  height: 48px !important;
  line-height: 48px !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
  letter-spacing: .05em !important;
  cursor: pointer !important;
  width: 100% !important;
  text-align: center !important;
  margin-top: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: transform .22s var(--zlp-easing), box-shadow .22s !important;
  position: relative !important;
  overflow: hidden !important;
 font-family: inherit;
}
.zlp-form-host .digits-form_button::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, transparent 40%, rgba(201,168,76,.12) 100%);
  pointer-events: none;
}
.zlp-form-host .digits-form_button:hover,
.zlp-form-host .digits-form_submit:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 28px rgba(10,62,67,.32) !important;
}
.zlp-form-host .digits-form_button:active {
  transform: translateY(0) !important;
}
/* آیکون فلش دکمه (new UI) — رنگ‌بندی */
.zlp-form-host .digits-form_button_ic {
  background-color: var(--zlp-gold) !important;
  margin-right: 6px !important;
  margin-left: 0 !important;
  transform: scaleX(-1); /* RTL: برگرداندن فلش */
}

/* ── دکمه‌های قدیمی (old UI) ── */
.zlp-form-host .button,
.zlp-form-host .loginviasms,
.zlp-form-host .dig_login_va_otp,
.zlp-form-host input[type="submit"] {
  background: linear-gradient(135deg, var(--zlp-teal) 0%, var(--zlp-teal-mid) 100%) !important;
  color: var(--zlp-gold) !important;
  border: none !important;
  border-radius: var(--zlp-radius-sm) !important;
  padding: 14px 24px !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
  letter-spacing: .05em !important;
  cursor: pointer !important;
  width: 100% !important;
  text-align: center !important;
  margin-top: 8px !important;
  display: block !important;
  transition: transform .22s var(--zlp-easing), box-shadow .22s !important;
  font-family: inherit;
}
.zlp-form-host .button:hover,
.zlp-form-host .loginviasms:hover,
.zlp-form-host .dig_login_va_otp:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 28px rgba(10,62,67,.32) !important;
}

/* ── فیلد OTP ── */
.zlp-form-host .dig-login-otp,
.zlp-form-host input[name="dig_otp"],
.zlp-form-host .dig-otp-input input,
.zlp-form-host .dig_verify_otp_input input {
  font-size: 1.6rem !important;
  letter-spacing: .3em !important;
  text-align: center !important;
  font-weight: 800 !important;
  color: var(--zlp-teal) !important;
  direction: ltr !important;
}

/* ── ارسال مجدد OTP ── */
.zlp-form-host .dig_resendotp,
.zlp-form-host .digits-form_resend_otp {
  color: var(--zlp-teal-mid) !important;
  font-size: .82rem !important;
  margin-top: 12px !important;
  display: block !important;
  text-align: center !important;
  transition: color .2s !important;
}
.zlp-form-host .dig_resendotp:not([dis="1"]):hover,
.zlp-form-host .digits-form_resend_otp:hover { color: var(--zlp-gold-dim) !important; cursor: pointer !important; }
.zlp-form-host .dig_resendotp_disabled { opacity: .45 !important; cursor: default !important; }

/* لینک‌های داخل فرم (Register Now / Forgot Password) */
.zlp-form-host .dig_login_signup_bar,
.zlp-form-host .digits-form_link,
.zlp-form-host .digits-form_show_forgot_password {
  color: var(--zlp-teal) !important;
  font-size: .88rem !important;
  margin-top: 18px !important;
}
.zlp-form-host .dig_login_signup_bar a,
.zlp-form-host .digits-form_link a,
.zlp-form-host .show_register,
.zlp-form-host .show_login {
  color: var(--zlp-gold-dim) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}
.zlp-form-host .dig_login_signup_bar a:hover,
.zlp-form-host .show_register:hover { color: var(--zlp-teal) !important; }

/* ── hint متن ── */
.zlp-form-host .digits-form_hint {
  color: var(--zlp-text-mute) !important;
  font-size: .82rem !important;
  line-height: 1.6 !important;
}

/* ── پیام‌های خطا و اطلاع ── */
.zlp-form-host .dig_error_msg,
.zlp-form-host .digitsErrorMessage,
.zlp-form-host .digits-form_error {
  background: rgba(180,30,30,.07) !important;
  border: 1px solid rgba(180,30,30,.2) !important;
  border-radius: var(--zlp-radius-sm) !important;
  color: #7a1515 !important;
  padding: 10px 14px !important;
  font-size: .85rem !important;
  margin-bottom: 14px !important;
  line-height: 1.6 !important;
}
.zlp-form-host .dig_notice_msg,
.zlp-form-host .digits-form_notice {
  background: rgba(10,62,67,.07) !important;
  border: 1px solid rgba(10,62,67,.18) !important;
  border-radius: var(--zlp-radius-sm) !important;
  color: var(--zlp-teal) !important;
  padding: 10px 14px !important;
  font-size: .85rem !important;
  margin-bottom: 14px !important;
  line-height: 1.6 !important;
}

/* ── اسپینر لودر ── */
.zlp-form-host .dig_double-bounce1,
.zlp-form-host .dig_double-bounce2 { background-color: var(--zlp-gold) !important; }
.zlp-form-host .dig_load_overlay {
  background: rgba(249,245,236,.9) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  border-radius: var(--zlp-radius) !important;
}

/* ── Remember Me ── */
.zlp-form-host .dig_login_rembe label,
.zlp-form-host .digits-form_rememberme label {
  color: var(--zlp-text-mute) !important;
  font-size: .82rem !important;
}

/* ── Select / Dropdown ── */
.zlp-form-host .digits-form-select .untselect-selection--single,
.zlp-form-host .dig_lrf_box .digits-form-select .untselect-selection--single {
  border-color: rgba(10,62,67,.16) !important;
  border-radius: var(--zlp-radius-sm) !important;
  background: #fff !important;
  color: var(--zlp-teal) !important;
}

/* ── رنگ‌های CSS Variable پلاگین — Override دقیق ── */
.zlp-form-host .digits-form_container,
.zlp-form-host .digits-form_page,
.zlp-form-host .digits-form_wrapper {
  --dprimary:     #0A3E43;
  --dtitle:       #0A3E43;
  --dfield_bg:    #ffffff;
  --daccent:      #C9A84C;
  --dform_bg:     transparent;
  --dbutton_text: #f0d98c;
}

/* ── Captcha ── */
.zlp-form-host .digits_captcha_row {
  margin-bottom: 14px;
}

/* ── فرم فراموشی رمز ── */
.zlp-form-host .forgot { /* same styling as login, inherited above */ }

/* ═══════════════════════════════════════
   ۶. ریسپانسیو
═══════════════════════════════════════ */
@media (max-width: 900px) {
  #zlp-root { flex-direction: column; }
  .zlp-panel { max-width: 100%; }
}
@media (max-width: 480px) {
  .zlp-card__title { font-size: 1.4rem !important; }
  .zlp-panel { padding: 24px 16px; }
}

/* ═══════════════════════════════════════
   ۷. پنهان‌سازی عناصر قالب
═══════════════════════════════════════ */
.page-template-zarca-login-page .site-header,
.page-template-zarca-login-page .site-footer,
.page-template-zarca-login-page .entry-header,
.page-template-zarca-login-page .entry-footer,
.page-template-zarca-login-page .woocommerce-breadcrumb,
.page-template-zarca-login-page #secondary/* End custom CSS */