/* ==========================================================================
   digits-bridge.css — جسر تصميم إضافة Digits (Digits plugin CSS bridge)
   شركة السرعة المطلقة | كل القيم من tokens.css — RTL.
   يستبدل miniOrange لتطابق تصميم الفيجما الأصلي (هاتف أولًا، لا باسورد على
   الشاشة الأولى) — انظر MIGRATION_PLAN.md § Phase 6.

   Digits تستخدم CSS custom properties جاهزة للثيمنج (--dprimary, --dtitle,
   --dfield_bg, --daccent, --dform_bg, --dbutton_text) — نغذّيها بقيم الثيم
   بدل إعادة كتابة كل selector داخلي. هذا هو "hooks over overrides" نفسه
   المطبّق على بقية المشروع، لإضافة بها متغيّرات ثيمنج حقيقية بدل ووكومرس.

   ملاحظة: --dprimary تُستخدم من الإضافة نفسها كلون نص العناوين/التبويب
   النشط ولون خلفية زر الإرسال معًا (متغيّر واحد لدورين). لجعل الزر أحمر
   كتصميم الفيجما بينما تبقى العناوين بيضاء، نُبقي --dprimary أبيض (للعناوين)
   ونكتب override صريح على خلفية الزر فقط (أسفل الملف). */
html[dir=rtl] .digits_password_eye {
   
    top: auto;
}
.auth .digits-form_container,
.auth .digits-form_page {
  --dprimary: var(--color-text-invert);
  --dtitle: var(--color-text-invert);
  --dfield_bg: var(--color-glass-fill);
  --daccent: var(--color-text-invert);
  --dform_bg: transparent;
  --dbutton_text: var(--color-text-invert);
}

/* بطاقة الفورم — نفس معاملة .auth-form الزجاجية الداكنة، بلا حاجة لغلاف إضافي */
.auth .digits-form_container {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 480px;
  padding: var(--space-40);
  background-color: var(--color-glass-panel);
  border: var(--border-width) solid var(--color-glass-panel-border);
  border-radius: var(--radius-md);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  font-family: inherit;
}

.auth .digits-form_page {
  display: flex;
  justify-content: center;
}

/* العنوان — نفس .auth-form__title */
.auth .digits-form_heading {
  margin-bottom: var(--space-32);
  text-align: center;
  font-family: var(--font-display);
  font-size: var(--fs-3xl);
  font-weight: var(--fw-regular);
  line-height: var(--lh-tight);
}
.auth .digits-form_heading_text {
  font-family: inherit;
}
/* سهم الرجوع — لا حاجة له، لدينا صفحات منفصلة بروابط رجوع خاصة بنا */
.auth .digits_form_back {
  display: none !important;
}

/* التبويبات (هاتف/بريد، وكلمة مرور/رمز تحقق في الخطوة الثانية) —
   تبقى بنية Digits (خط سفلي)، فقط الخط والألوان تُطابق الثيم */
.auth .digits-form_tab-bar {
  justify-content: center;
}
.auth .digits-form_tab-item {
  font-family: inherit;
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
}

/* الحقول — نفس .input--dark */
.auth .digits-form_input input,
.auth .digits-form_input input[type='text'],
.auth .digits-form_input input[type='email'],
.auth .digits-form_input input[type='password'],
.auth .digits-form_input input[type='tel'] {
  font-family: inherit;
  font-size: var(--fs-base);
  border-color: var(--color-glass-border);
}
.auth .digits-form_input label.field_label {
  display: block;
  margin-bottom: var(--space-8);
  padding-inline: var(--space-4);
  font-size: var(--fs-xs);
  color: var(--color-text-invert);
  text-align: start;
}

/* رمز الدولة — يلتصق يمين حقل الهاتف كما في .auth-form__cc الأصلي */
.auth .digits-form_countrycode {
  background-color: var(--color-glass-fill) !important;
}

/* زرّ الإرسال — أحمر مثل .btn--primary في بقية الموقع (وليس اللون العام
   --dprimary المشترك مع العناوين) */
.auth .digits-form_button,
.auth .digits-form_button[type='submit'] {
  background-color: var(--color-gradient-end) !important;
  font-family: inherit;
}
.auth .digits-form_button:hover {
  background-color: color-mix(in srgb, var(--color-gradient-end) 82%, #000) !important;
}
.auth .digits-form_button-text {
  font-family: inherit;
  font-size: var(--fs-base);
  font-weight: var(--fw-bold);
}

/* عين إظهار كلمة المرور — رمادية خفيفة بدل السوداء الافتراضية */
.auth .digits_password_eye-cont svg {
  color: var(--color-text-invert);
  opacity: 0.6;
}

/* رابط "نسيت كلمة المرور؟" / رابط إعادة الإرسال داخل الخطوة الثانية */
.auth .digits-form_link {
  font-family: inherit;
  font-size: var(--fs-base);
  color: var(--color-text-invert);
}

/* تذييل صفحاتنا (رابط "نسيت كلمة مرورك؟" + بطاقة "ليس لديك حساب؟") —
   يُنقَل داخل .digits-form_container عبر
   assets/js/components/auth-page-footer.js وقت تحميل الصفحة (Digits لا
   يوفّر hook لإدراج ماركب قبل إغلاق حاويته، وهو يجمع عدة فورمات مخفية
   كأشقاء داخل حاوية واحدة)، فيقرأ كجزء فعلي من البطاقة — تمامًا كما في
   .auth-form__footer الأصلي داخل <form class="auth-form"> في التصميم
   الثابت، لا صندوقًا منفصلاً أسفلها. */
.auth p.digits-page-footer {
  text-align: center;
}
.auth p.digits-page-footer a {
  color: var(--color-text-invert);
}

/* روابط التنقّل المدمجة من Digits نفسها (هل لديك حساب؟ / تسجيل الدخول الآن)
   مخفيّة — كل صفحة من صفحاتنا (login.php/register.php/reset-password.php)
   تعرض تذييلها الخاص بروابط حقيقية لصفحات منفصلة، بنفس شكل .auth-form__footer
   الأصلي، بدل تبديل الفورم داخليًا عبر جافاسكربت الإضافة. */
.auth .dig_login_signup_bar,
.auth .digits-form_toggle_login_register,
.auth .digits-form_show_forgot_password {
  display: none !important;
}

/* خانة "تذكرني" */
.auth .digits-field-type_tac .dig_input_wrapper > div {
  color: var(--color-text-invert);
}