/* public_html/assets/css/pages/provider_register.css */
/* ألوان الصفحة الخاصة (لا تؤثر على بقية الموقع) */
:root{
  --pr-ink:#0b2a3e;          /* كحلي مائل للزرقة - نص أساسي */
  --pr-muted:#486175;        /* نص مساعد */
  --pr-field-bg:#f3f6f9;     /* خلفية الحقول - رمادي فاتح */
  --pr-field-bd:#d6e0ea;     /* حد الحقول */
  --pr-field-ink:#0c2a3c;    /* لون نص داخل الحقل */
  --pr-focus:#2a6f97;        /* لون التركيز */
  --pr-invalid:#d22;         /* لون الخطأ */

  --pw-weak:#d22;            /* أحمر */
  --pw-good:#f59e0b;         /* برتقالي */
  --pw-strong:#16a34a;       /* أخضر */
}

/* عنوان تحفيزي */
.provider-register__title{
  margin: 6px 0 18px;
  text-align:center;
  font-weight:800;
  font-size:24px;
  color: var(--pr-ink);
}

/* بطاقة النموذج (خلفية فاتحة لتباين أفضل مع الكحلي) */
.provider-form{
  background:#ffffff;
  border:1px solid #e6edf3;
  border-radius:16px;
  padding:18px;
  box-shadow:0 10px 30px rgba(2,18,33,.08);
  color: var(--pr-ink);
}

.provider-form__grid{
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap:14px;
}
@media (max-width:900px){
  .provider-form__grid{ grid-template-columns:1fr; }
}

.form-group{
  display:flex; flex-direction:column;
}
.form-group label{
  font-weight:800; color:var(--pr-ink); margin-bottom:6px;
}

/* حقول إدخال رمادي فاتح + نص أزرق كحلي */
.form-group input,
.form-group select{
  border:1px solid var(--pr-field-bd);
  background:var(--pr-field-bg);
  color:var(--pr-field-ink);
  border-radius:12px; padding:12px 14px;
  outline: none; transition:border-color .15s ease, box-shadow .15s ease, background-color .2s ease;
}
.form-group input::placeholder{ color:#8aa0b2; }

/* تركيز */
.form-group input:focus,
.form-group select:focus{
  border-color: var(--pr-focus);
  box-shadow: 0 0 0 3px rgba(42,111,151,.15);
  background:#fff;
}

/* تلميحات */
.hint{ color:var(--pr-muted); font-size:12px; margin-top:6px }

/* عدّاد القوة بجانب كلمة المرور */
.with-meter{ display:flex; align-items:center; gap:10px }
.meter{ font-weight:800; }
.meter.meter--weak{ color: var(--pw-weak); }
.meter.meter--good{ color: var(--pw-good); }
.meter.meter--strong{ color: var(--pw-strong); }

/* حالة خطأ */
.is-invalid{
  border-color: var(--pr-invalid) !important;
  box-shadow: 0 0 0 3px rgba(210,34,34,.12) !important;
}
.form-error{
  margin-top:12px; color:#ff6b6b; font-weight:800; text-align:center;
  background:#ffecec; border:1px solid #ffc9c9; border-radius:12px; padding:10px;
  line-height:1.7;
}

/* زر إنشاء الحساب أعرض ونص أكبر */
.form-actions{ display:flex; justify-content:center; margin-top:14px }
.provider-form .btn.btn--primary{
  min-width: 320px;          /* أوسع على الديسكتوب */
  padding: 16px 20px;        /* ارتفاع/اتساع أكبر */
  font-size: 18px;           /* نص أكبر */
  border-radius: 14px;
  line-height: 1.1;
}
@media (max-width: 520px){
  .provider-form .btn.btn--primary{ min-width: 100%; }
}
