/* ===========================================================================
   FirOn — جلد نماذج User Registration (UR)
   يُكتب فوق ماركب الإضافة بأصنافه الحقيقية: user-registration-form ·
   user-registration-Input · ur-form-row/grid · ur-submit-button ·
   user-registration-LostPassword · user-registration-register.
   جلد عام يخدم الدخول والتسجيل واستعادة كلمة المرور — لا تنسيق صفحة واحدة.
   لا يُخفى أي عنصر وظيفي، ولا يُمسّ الماركب (بما فيه حقول nonce المخفية).
   رموز نظام تصميم FirOn فقط.
   =========================================================================== */
:root{--surface-warm:#FCF5EF;--gold-decor:#A08A5C;--gold-decor-30:color-mix(in srgb,var(--gold-decor) 30%,transparent)}
.user-registration-form{font-family:var(--font-core);color:var(--text-body);text-align:start}
.ur-form-row{margin:0}
.ur-form-grid{display:grid;gap:var(--space-6)}
/* صفّ الحقل */
.user-registration-form-row,.ur-form-grid .form-row{display:grid;gap:6px;margin:0;padding:0;min-inline-size:0}
.user-registration-form-row label,.ur-form-grid>.form-row>label{font-size:var(--fs-small);font-weight:var(--fw-semibold);line-height:1.6;color:var(--text-heading)}
.user-registration-form-row label .required,.user-registration-form .required{display:inline-flex;align-items:center;min-block-size:22px;margin-inline-start:var(--space-2);padding-inline:var(--space-2);border-radius:var(--radius-xs);background:var(--brand-50);border:var(--border-width) solid var(--brand-200);font-size:0;line-height:0}
.user-registration-form-row label .required::before,.user-registration-form .required::before{content:"مطلوب";font-family:var(--font-core);font-size:var(--fs-caption);font-weight:var(--fw-medium);line-height:1.6;color:var(--color-action)}
.input-wrapper{display:block;min-inline-size:0}
/* الحقول */
.user-registration-Input,.user-registration-form input[type=text],.user-registration-form input[type=email],.user-registration-form input[type=password],.user-registration-form input[type=tel],.user-registration-form input[type=url],.user-registration-form select,.user-registration-form textarea{inline-size:100%;box-sizing:border-box;min-block-size:var(--touch-min);padding-block:10px;padding-inline:var(--space-4);background:var(--white);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-sm);font-family:var(--font-core);font-size:var(--fs-small);line-height:1.6;color:var(--text-body);transition:border-color var(--duration-fast) var(--ease-standard)}
.user-registration-form textarea{block-size:140px;resize:vertical;padding-block:var(--space-3)}
.user-registration-Input::placeholder{color:var(--ink-500)}
.user-registration-Input:hover{border-color:var(--brand-400)}
.user-registration-Input:focus{border-color:var(--brand-700)}
/* كلمة المرور + زرّ الكشف */
.password-input-group{position:relative;display:block}
.password-input-group .user-registration-Input{padding-inline-end:52px}
.password_preview{position:absolute;inset-inline-end:6px;inset-block-start:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;inline-size:var(--touch-min);block-size:var(--touch-min);border-radius:var(--radius-sm);color:var(--color-action);text-decoration:none;transition:background-color var(--duration-fast) var(--ease-standard)}
.password_preview:hover{background:var(--brand-50)}
.password_preview::before{content:"";inline-size:20px;block-size:20px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/contain no-repeat}
.password_preview.dashicons-visibility::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-.722-3.25'/%3E%3Cpath d='M2 8a10.645 10.645 0 0 0 20 0'/%3E%3Cpath d='m20 15-1.726-2.05'/%3E%3Cpath d='m4 15 1.726-2.05'/%3E%3Cpath d='m9 18 .722-3.25'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-.722-3.25'/%3E%3Cpath d='M2 8a10.645 10.645 0 0 0 20 0'/%3E%3Cpath d='m20 15-1.726-2.05'/%3E%3Cpath d='m4 15 1.726-2.05'/%3E%3Cpath d='m9 18 .722-3.25'/%3E%3C/svg%3E")}
/* صفّ «تذكّرني» و«نسيت كلمة المرور» */
.user-registration-before-login-btn{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-block:var(--space-2)}
.user-registration-form__label-for-checkbox{display:inline-flex;align-items:center;gap:var(--space-3);min-block-size:var(--touch-min);margin:0;font-size:var(--fs-small);font-weight:var(--fw-regular);line-height:1.6;color:var(--text-body);cursor:pointer}
.user-registration-form__input-checkbox{flex:none;inline-size:22px;block-size:22px;margin:0;accent-color:var(--color-action);cursor:pointer}
.user-registration-LostPassword a{display:inline-flex;align-items:center;min-block-size:var(--touch-min);color:var(--color-action);font-size:var(--fs-small);font-weight:var(--fw-medium);line-height:1.6;text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:4px;transition:color var(--duration-fast) var(--ease-standard),text-decoration-thickness var(--duration-fast) var(--ease-standard)}
.user-registration-LostPassword a:hover{color:var(--brand-800);text-decoration-thickness:2px}
/* زرّ الإرسال */
.ur-submit-button,.user-registration-Button{display:inline-flex;align-items:center;justify-content:center;inline-size:100%;min-block-size:56px;padding-inline:var(--space-8);border:var(--border-width-strong) solid var(--color-action);border-radius:var(--radius-sm);background:var(--color-action);color:var(--white);font-family:var(--font-core);font-size:var(--fs-body);font-weight:var(--fw-semibold);line-height:1.6;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}
.ur-submit-button:hover,.user-registration-Button:hover{background:var(--color-action-hover);border-color:var(--color-action-hover);color:var(--white)}
.ur-submit-button:active,.user-registration-Button:active{background:var(--color-action-active);border-color:var(--color-action-active)}
.ur-submit-button[disabled],.ur-submit-button[aria-busy=true]{background:var(--color-loading-surface);border-color:var(--color-loading-surface);color:var(--white)}
/* سطر «لا تملك حساباً؟» */
.user-registration-register{margin-block-start:var(--space-2);padding-block-start:var(--space-4);border-block-start:var(--border-width) solid var(--border-subtle);text-align:center}
.user-registration-register a{display:inline-flex;align-items:center;justify-content:center;min-block-size:var(--touch-min);color:var(--color-action);font-size:var(--fs-small);font-weight:var(--fw-medium);line-height:1.6;text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.user-registration-register a:hover{color:var(--brand-800);text-decoration-thickness:2px}
/* رسائل الإضافة (خطأ/نجاح) — تظهر عند الإرسال فقط */
.user-registration-error,.user-registration-message,.user-registration-info{margin:0 0 var(--space-4);padding:var(--space-4) var(--space-6);border-radius:var(--radius-md);font-size:var(--fs-small);line-height:var(--lh-body)}
.user-registration-error:empty,.user-registration-message:empty,.user-registration-info:empty{display:none}
.user-registration-error{background:var(--color-error-surface);border:var(--border-width) solid var(--red-600);color:var(--red-600)}
.user-registration-message{background:var(--color-success-surface);border:var(--border-width) solid var(--green-600);color:var(--green-600)}
.user-registration-info{background:var(--color-info-surface);border:var(--border-width) solid var(--brand-200);color:var(--brand-800)}
/* حقل غير صالح */
.user-registration-form .user-registration-Input[aria-invalid=true],.user-registration-form .ur-error-field{border-color:var(--red-600) !important;background:var(--color-error-surface)}

/* ===========================================================================
   نموذج التسجيل الكبير (User Registration) — نفس لغة حقول النظام.
   الماركب لا يُمسّ: التنسيق على أصناف UR الحقيقية.
   =========================================================================== */
.ur-frontend-form{background:none;border:0;padding:0;margin:0}
.ur-form-row{display:block}
.ur-form-grid{inline-size:100% !important;display:grid;gap:var(--space-6)}
.ur-field-item{min-inline-size:0}
.ur-field-item .form-row{display:grid;gap:6px;margin:0;padding:0}
.ur-frontend-form .ur-label{display:block;margin:0;font-size:var(--fs-small);font-weight:var(--fw-semibold);line-height:1.6;color:var(--text-heading)}
.ur-frontend-form .ur-label abbr.required{margin-inline-start:var(--space-2);display:inline-flex;align-items:center;min-block-size:22px;padding-inline:var(--space-2);border-radius:var(--radius-xs);background:var(--brand-50);border:var(--border-width) solid var(--brand-200);text-decoration:none;font-size:0;line-height:0}
.ur-frontend-form .ur-label abbr.required::before{content:"مطلوب";font-family:var(--font-core);font-size:var(--fs-caption);font-weight:var(--fw-medium);line-height:1.6;color:var(--color-action)}
/* الحقول النصية والرقمية والتاريخ والقوائم */
.ur-frontend-form input[type=text],.ur-frontend-form input[type=email],.ur-frontend-form input[type=password],.ur-frontend-form input[type=number],.ur-frontend-form input[type=date],.ur-frontend-form input[type=tel],.ur-frontend-form input.ur-flatpickr-field,.ur-frontend-form select,.ur-frontend-form textarea{inline-size:100%;box-sizing:border-box;min-block-size:var(--touch-min);padding-block:10px;padding-inline:var(--space-4);background:var(--white);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-sm);font-family:var(--font-core);font-size:var(--fs-small);line-height:1.6;color:var(--text-body);transition:border-color var(--duration-fast) var(--ease-standard)}
.ur-frontend-form input::placeholder,.ur-frontend-form textarea::placeholder{color:var(--ink-500)}
.ur-frontend-form input:hover,.ur-frontend-form select:hover,.ur-frontend-form textarea:hover{border-color:var(--brand-400)}
.ur-frontend-form input:focus,.ur-frontend-form select:focus,.ur-frontend-form textarea:focus{border-color:var(--brand-700)}
.ur-frontend-form select{appearance:none;padding-inline-end:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A7391' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 12px center;background-size:16px 16px}
.ur-frontend-form input[type=date]{direction:ltr;text-align:end}
/* حقلا كلمة السر: أيقونة الإظهار داخل الحقل */
.hide_show_password{position:relative}
.hide_show_password input{padding-inline-end:46px}
.hide_show_password .password-input-group{position:relative;display:block}
.hide_show_password span[class*=eye],.hide_show_password .ur-password-hide-show,.hide_show_password .password_preview{position:absolute;inset-inline-end:12px;inset-block-start:50%;transform:translateY(-50%);inline-size:24px;block-size:24px;display:flex;align-items:center;justify-content:center;color:var(--ink-500);cursor:pointer}
.hide_show_password svg{inline-size:20px;block-size:20px}
/* صندوق الموافقة على الخصوصية */
.field-privacy_policy .form-row{padding:var(--space-4) var(--space-6);background:var(--white);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}
.field-privacy_policy .form-row:has(input:checked){background:var(--brand-50);border-color:var(--color-action);box-shadow:inset 0 0 0 1px var(--color-action)}
.field-privacy_policy .ur-label.checkbox{display:flex;align-items:flex-start;gap:var(--space-3);min-block-size:var(--touch-min);padding-block:var(--space-2);font-size:var(--fs-small);font-weight:var(--fw-regular);line-height:var(--lh-body);color:var(--text-body);cursor:pointer}
.field-privacy_policy input[type=checkbox]{flex:none;inline-size:22px;block-size:22px;margin-block-start:3px;accent-color:var(--color-action);cursor:pointer}
.field-privacy_policy a{color:var(--color-action);text-decoration-line:underline;text-underline-offset:3px}
.field-privacy_policy a:hover{color:var(--brand-800);text-decoration-thickness:2px}
/* زرّ التسجيل */
.ur-submit-button,.ur-frontend-form button[type=submit],.ur-frontend-form input[type=submit]{display:inline-flex;align-items:center;justify-content:center;inline-size:100%;min-block-size:56px;margin-block-start:var(--space-2);padding-inline:var(--space-8);border:var(--border-width-strong) solid var(--color-action);border-radius:var(--radius-sm);background:var(--color-action);color:var(--white);font-family:var(--font-core);font-size:var(--fs-body);font-weight:var(--fw-semibold);line-height:1.6;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}
.ur-submit-button:hover,.ur-frontend-form button[type=submit]:hover{background:var(--color-action-hover);border-color:var(--color-action-hover);color:var(--white)}
.ur-submit-button:active,.ur-frontend-form button[type=submit]:active{background:var(--color-action-active);border-color:var(--color-action-active)}
.ur-button-container,.ur-submit-button-container{margin-block-start:var(--space-6)}
/* رسائل التحقق مخفية في الراحة */
.ur-error,.user-registration-error:empty,.ur-message:empty{display:none}
/* إيقاع بصري: فواصل بين مجموعات الحقول الطويلة */
.ur-field-item.field-user_login .form-row,.ur-field-item.field-privacy_policy{margin-block-start:var(--space-2)}
@media (min-width:768px){
.user-registration-register .ur-form-grid,form.register .ur-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.user-registration-register .ur-field-item.field-privacy_policy,.user-registration-register .ur-field-item.field-display_name{grid-column:1 / -1}
form.register .ur-field-item.field-privacy_policy,.user-registration-register .ur-field-item.field-display_name{grid-column:1 / -1}
}

/* ---------- استعادة كلمة المرور: صفّ واحد بعرض كامل ----------
   UR يوزّع صفوف النموذج على نصف العرض (تخطيط عمودين) وهذا النموذج حقل واحد،
   فتظهر الحقول بنصف البطاقة والباقي فراغ. الصفوف كلها بعرض كامل هنا. */
.ur-frontend-form .user-registration-form-row,.ur-frontend-form .form-row,.user-registration-form-row.form-row{inline-size:100% !important;max-inline-size:none !important;float:none !important;margin-inline:0 !important}
.ur-frontend-form label,.ur-frontend-form .form-control,.ur-frontend-form input[type=text],.ur-frontend-form input[type=email],.ur-frontend-form input[type=password]{inline-size:100% !important;max-inline-size:none !important}
.ur-frontend-form .ur-reset-password-button,.ur-frontend-form input.button{inline-size:100% !important}
.ur-lost-password-title{font-size:var(--fs-h4);font-weight:var(--fw-semibold);line-height:var(--lh-heading);color:var(--text-heading);margin:0 0 var(--space-2)}
.ur-lost-password-message{font-size:var(--fs-small);line-height:var(--lh-body);color:var(--text-body);margin:0 0 var(--space-6);max-inline-size:60ch}
/* صورة الصفحة مساندة لا بطلة */
.acct__card image-slot,.acct__card .acct__media{display:block;max-block-size:220px;margin-inline:auto}


/* ---------- نموذج إنشاء الحساب: بطاقة أوسع وشارة إلزام موحّدة ----------
   11 حقلاً في عمودين تحتاج مساراً أوسع من بطاقة الدخول ذات الحقلين. */
.acct:has(.acct--wide){max-inline-size:880px}
.acct--wide{max-inline-size:none}
.user-registration-register .ur-form-grid{column-gap:var(--space-6);row-gap:var(--space-6)}
/* النجمة تبقى نصّاً لقارئ الشاشة وتُستبدل بصرياً بشارة النظام */
.user-registration-register .ur-field-item label abbr.required{display:inline-flex;align-items:center;min-block-size:22px;margin-inline-start:var(--space-2);padding-inline:var(--space-2);border-radius:var(--radius-xs);background:var(--brand-50);border:var(--border-width) solid var(--brand-200);text-decoration:none;font-size:0;line-height:0}
form.register .ur-form-grid{column-gap:var(--space-6);row-gap:var(--space-6)}
/* النجمة تبقى نصّاً لقارئ الشاشة وتُستبدل بصرياً بشارة النظام */
.user-registration-register .ur-field-item label abbr.required{display:inline-flex;align-items:center;min-block-size:22px;margin-inline-start:var(--space-2);padding-inline:var(--space-2);border-radius:var(--radius-xs);background:var(--brand-50);border:var(--border-width) solid var(--brand-200);text-decoration:none;font-size:0;line-height:0}
form.register .ur-field-item label abbr.required{display:inline-flex;align-items:center;min-block-size:22px;margin-inline-start:var(--space-2);padding-inline:var(--space-2);border-radius:var(--radius-xs);background:var(--brand-50);border:var(--border-width) solid var(--brand-200);text-decoration:none;font-size:0;line-height:0}
.user-registration-register .ur-field-item label abbr.required::before{content:"مطلوب";font-family:var(--font-core);font-size:var(--fs-caption);font-weight:var(--fw-medium);line-height:1.6;color:var(--color-action)}
form.register .ur-field-item label abbr.required::before{content:"مطلوب";font-family:var(--font-core);font-size:var(--fs-caption);font-weight:var(--fw-medium);line-height:1.6;color:var(--color-action)}
/* إيقاع المجموعات: الهوية ← التواصل ← بيانات الحساب ← الإقرار */
.user-registration-register .ur-field-item.field-user_login,.user-registration-register .ur-field-item.field-user_email{margin-block-start:var(--space-6);padding-block-start:var(--space-8);border-block-start:var(--border-width) solid var(--border-subtle)}
form.register .ur-field-item.field-user_login,form.register .ur-field-item.field-user_email{margin-block-start:var(--space-6);padding-block-start:var(--space-8);border-block-start:var(--border-width) solid var(--border-subtle)}
.user-registration-register .ur-field-item.field-privacy_policy{margin-block-start:var(--space-4);padding:var(--space-4) var(--space-6);background:var(--surface-card);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md)}
form.register .ur-field-item.field-privacy_policy{margin-block-start:var(--space-4);padding:var(--space-4) var(--space-6);background:var(--surface-card);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md)}
.user-registration-register .ur-field-item.field-privacy_policy:has(input:checked){background:var(--brand-50);border-color:var(--color-action);box-shadow:inset 0 0 0 1px var(--color-action)}
form.register .ur-field-item.field-privacy_policy:has(input:checked){background:var(--brand-50);border-color:var(--color-action);box-shadow:inset 0 0 0 1px var(--color-action)}
@media (max-width:767px){.user-registration-register .ur-field-item.field-user_login,.user-registration-register .ur-field-item.field-user_email{margin-block-start:var(--space-4);padding-block-start:var(--space-6)}
form.register .ur-field-item.field-user_login,form.register .ur-field-item.field-user_email{margin-block-start:var(--space-4);padding-block-start:var(--space-6)}
.user-registration-register .ur-field-item.field-user_email{margin-block-start:0;padding-block-start:0;border-block-start:0}}