/* ══════════════════════════════════════════════════════════════════
   فورما التسجيل والدخول — جلد فوق User Registration
   لا يُعدَّل ملف واحد في الإضافة؛ كل ما هنا تنسيق فوق ترميزها.
   مبنيّ على ترميز baridus.com/register/ الفعلي (النموذج 1647).
   ══════════════════════════════════════════════════════════════════ */

.user-registration.ur-frontend-form{
  direction:rtl;                       /* الفورم عربي ولغة الموقع en_US */
  max-width:660px;margin-inline:auto;
  background:#fff;border:1px solid rgba(11,18,48,.08);border-radius:22px;
  padding:38px 34px;box-shadow:0 20px 50px rgba(11,18,48,.07);
}
.user-registration.ur-frontend-form form.register{margin:0;padding:0;border:0;background:none}

/* ── الشبكة: عمودان على الشاشة الواسعة، وعمود على الجوال ── */
.user-registration .ur-form-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:6px 20px;
  margin:0;padding:0;border:0;background:none;
}
/*
 * الحقول الطويلة تأخذ الصفّ كاملًا.
 *
 * «المدينة» و«العنوان كامل» يحملان الفئة `field-text` نفسها، فلا يميّزهما
 * `:last-of-type` — هو يعدّ بنوع الوسم لا بالفئة، فترك العنوان نصفَ صفّ فارغًا.
 * والتمييز هنا **بالترتيب**: أول `field-text` بعد «الدولة» هو المدينة فيبقى
 * في عموده، والذي يليه هو العنوان فيمتدّ.
 */
.user-registration .ur-field-item.field-user_email,
.user-registration .ur-field-item.field-user_login,
.user-registration .ur-field-item.field-country + .ur-field-item.field-text + .ur-field-item.field-text,
.user-registration .ur-field-item.field-textarea{grid-column:1 / -1}

.user-registration .ur-field-item{margin:0}
.user-registration .form-row{margin:0 0 16px;padding:0}

/* ── التسمية ── */
.user-registration .ur-label{
  display:block;margin-bottom:7px;
  font-size:14.5px;font-weight:700;color:#243158;line-height:1.4;
}
.user-registration .ur-label .required{color:#e5484d;margin-inline-start:3px;text-decoration:none}

/* ── الحقول ── */
.user-registration .input-text,
.user-registration input[type="text"],
.user-registration input[type="email"],
.user-registration input[type="number"],
.user-registration input[type="password"],
.user-registration select{
  width:100%;box-sizing:border-box;
  /* 16px حدٌّ أدنى: أقلّ منه يُكبّر سفاري iOS الصفحة تلقائيًا عند اللمس */
  min-height:52px;padding:13px 16px;font-size:16px;font-family:inherit;
  color:#0B1230;background:#fff;
  border:1.5px solid rgba(11,18,48,.14);border-radius:13px;
  transition:border-color .15s,box-shadow .15s,background .15s;
  appearance:none;-webkit-appearance:none;
}
.user-registration .input-text::placeholder{color:#9aa3bf}
.user-registration .input-text:hover,.user-registration select:hover{border-color:rgba(11,18,48,.26)}
.user-registration .input-text:focus,
.user-registration select:focus,
.user-registration input:focus{
  outline:none;border-color:#4B6BFF;box-shadow:0 0 0 4px rgba(75,107,255,.14);
}

/* الأرقام: أسهم المتصفّح لا معنى لها في رقم جوال، وتقصّ الحقل */
.user-registration input[type="number"]{-moz-appearance:textfield}
.user-registration input[type="number"]::-webkit-outer-spin-button,
.user-registration input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
/* الجوال والبريد لاتينيّان — يُعزلان لئلّا ينقلب ترتيبهما داخل فورم عربي */
.user-registration .field-number input,
.user-registration .field-user_email input{direction:ltr;text-align:right;unicode-bidi:isolate}

/* القائمة المنسدلة: سهم مرسوم، ومساحة له في جهة البداية */
.user-registration select{
  padding-inline-start:44px;cursor:pointer;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%236b7699' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:left 17px center;
}

/* ── كلمة المرور وزر إظهارها ── */
.user-registration .password-input-group{position:relative;display:block}
.user-registration .password_preview{
  position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);
  width:34px;height:34px;display:flex;align-items:center;justify-content:center;
  color:#6b7699;cursor:pointer;border-radius:9px;z-index:2;
}
.user-registration .password_preview:hover{color:#4B6BFF;background:#eef2ff}
.user-registration .password-input-group input{padding-inline-start:54px}

/* ── الزرّ ── */
.user-registration .ur-button-container{margin-top:8px;padding:0}
.user-registration .ur-submit-button,
.user-registration button.ur-submit-button{
  width:100%;min-height:56px;padding:16px 26px;
  font-size:17px;font-weight:800;font-family:inherit;color:#fff;
  background:linear-gradient(135deg,#4B6BFF,#7C5BFF);
  border:0;border-radius:999px;cursor:pointer;
  box-shadow:0 10px 26px rgba(75,107,255,.34);
  transition:transform .14s,box-shadow .16s,filter .16s;
}
.user-registration .ur-submit-button:hover{
  transform:translateY(-1px);box-shadow:0 15px 34px rgba(75,107,255,.44);filter:brightness(1.04);
}
.user-registration .ur-submit-button:active{transform:translateY(0)}
.user-registration .ur-submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}

/* ── الأخطاء والتنبيهات ── */
.user-registration .ur-error,
.user-registration label.error,
.user-registration .user-registration-error{
  display:block;margin-top:6px;font-size:13.5px;font-weight:600;color:#e5484d;
}
.user-registration .input-text.ur-error-border,
.user-registration input.error{border-color:#e5484d;box-shadow:0 0 0 4px rgba(229,72,77,.12)}
.user-registration-message,.ur-message,
.user-registration .user-registration-message{
  border-radius:14px;padding:15px 18px;margin-bottom:20px;
  font-size:15px;line-height:1.6;border:1px solid transparent;
}
.user-registration-message.user-registration-message--success,
.ur-message.success{background:#eafaf1;border-color:#a8e6c3;color:#12633c}
.user-registration-message.user-registration-message--error,
.ur-message.error{background:#fdecec;border-color:#f6b9bb;color:#a11b1f}

/* مؤشّر قوة كلمة المرور */
.user-registration #password-strength,
.user-registration .ur-password-strength{
  margin-top:7px;font-size:13px;font-weight:700;padding:7px 12px;border-radius:9px;
}
.user-registration .short,.user-registration .bad{background:#fdecec;color:#a11b1f}
.user-registration .good{background:#fff7e6;color:#8a5a00}
.user-registration .strong{background:#eafaf1;color:#12633c}

/* ── نموذج الدخول ── */
.user-registration .ur-frontend-form.login,
.user-registration-login .user-registration.ur-frontend-form{max-width:460px}
.user-registration .ur-login-remember,
.user-registration .login-remember{
  display:flex;align-items:center;gap:9px;margin:2px 0 18px;
  font-size:14.5px;color:#3d4a75;
}
.user-registration .ur-login-remember input[type="checkbox"]{
  width:19px;height:19px;min-height:0;accent-color:#4B6BFF;cursor:pointer;
}
.user-registration .ur-lost-password,
.user-registration a.lost-password{
  display:inline-block;margin-top:14px;font-size:14.5px;font-weight:600;
  color:#4B6BFF;text-decoration:none;
}
.user-registration .ur-lost-password:hover{text-decoration:underline}

/* ── الجوال ── */
@media (max-width:720px){
  .user-registration.ur-frontend-form{
    padding:26px 20px;border-radius:18px;box-shadow:0 10px 30px rgba(11,18,48,.06);
  }
  .user-registration .ur-form-grid{grid-template-columns:1fr;gap:0}
  .user-registration .ur-field-item{grid-column:1 / -1 !important}
  .user-registration .ur-label{font-size:14px}
  .user-registration .input-text,
  .user-registration select,
  .user-registration input{min-height:54px;font-size:16px}   /* 16px يمنع تكبير iOS */
  .user-registration .ur-submit-button{min-height:58px;font-size:16.5px}
}

/* ══════════════════════════════════════════════════════════════════
   نموذج الدخول — ترميزه يختلف عن التسجيل
   الحقول `.user-registration-Input` والزرّ `.user-registration-Button`،
   ولا يحملان `.ur-field-item`. ولون الزرّ الأصفر يأتي من تخصيص أسترا
   بأولوية أعلى، فيُسبق بـ`body` ويُحسم بـ`!important` على اللون وحده.
   ══════════════════════════════════════════════════════════════════ */

body .user-registration .ur-frontend-form.login,
body .user-registration-form-login{direction:rtl}
body .user-registration .user-registration-form-row{margin:0 0 18px}

body .user-registration .user-registration-Input,
body .user-registration input.input-text,
body .user-registration input[type="text"],
body .user-registration input[type="password"]{
  width:100%;box-sizing:border-box;min-height:52px;padding:13px 16px;
  font-size:16px;font-family:inherit;color:#0B1230;
  background:#fff !important;                 /* أسترا تلوّنها بلون كريمي */
  border:1.5px solid rgba(11,18,48,.14) !important;border-radius:13px !important;
  box-shadow:none !important;
}
body .user-registration .user-registration-Input:focus,
body .user-registration input.input-text:focus{
  border-color:#4B6BFF !important;box-shadow:0 0 0 4px rgba(75,107,255,.14) !important;outline:none;
}

body .user-registration .user-registration-Button,
body .user-registration button.ur-submit-button,
body .user-registration button[name="login"]{
  width:100%;min-height:56px;padding:16px 26px;
  font-size:17px;font-weight:800;font-family:inherit;
  color:#fff !important;
  background:linear-gradient(135deg,#4B6BFF,#7C5BFF) !important;
  border:0 !important;border-radius:999px !important;cursor:pointer;
  box-shadow:0 10px 26px rgba(75,107,255,.34) !important;
  transition:transform .14s,box-shadow .16s;
}
body .user-registration .user-registration-Button:hover{
  transform:translateY(-1px);box-shadow:0 15px 34px rgba(75,107,255,.44) !important;
}

/* «تذكّرني» و«نسيت كلمة المرور» */
body .user-registration .user-registration-form__label-for-checkbox{
  display:flex;align-items:center;gap:9px;font-size:14.5px;color:#3d4a75;cursor:pointer;
}
body .user-registration .user-registration-form__input-checkbox{
  width:19px;height:19px;min-height:0;accent-color:#4B6BFF;margin:0;
}
body .user-registration .user-registration-LostPassword{
  display:block;margin-top:16px;text-align:center;
}
body .user-registration .user-registration-LostPassword a{
  font-size:14.5px;font-weight:700;color:#4B6BFF !important;text-decoration:none;
}
body .user-registration .user-registration-LostPassword a:hover{text-decoration:underline}
body .user-registration-before-login-btn{margin-bottom:14px}