/* =========================================
   تصحيح حقول الإدخال (منع اللمعة + وضوح النص)
   ========================================= */
:root{
  --input-bg:#f8fafc;            /* خلفية ناعمة بدل الأبيض الصريح */
  --input-border:#dbe2ea;
  --input-ph:#94a3b8;            /* نص الـplaceholder */
}

/* استهداف أغلب الحقول في سلة */
input, textarea, select,
.form-control, .field__input, .salla-input, .salla-form-control,
.checkout input, .checkout textarea, .checkout select {
  background:var(--input-bg) !important;
  color:var(--text) !important;
  border:1px solid var(--input-border) !important;
  border-radius:14px !important;
  box-shadow: inset 0 2px 6px rgba(2,6,23,.03) !important;
  transition: border-color .2s, box-shadow .2s, background .2s;
  caret-color:var(--text);
}

/* نص الـplaceholder يكون أوضح */
input::placeholder,
textarea::placeholder{
  color:var(--input-ph) !important;
  opacity:1 !important;
}

/* حالة التركيز (Focus) */
input:focus, textarea:focus, select:focus,
.form-control:focus, .field__input:focus, .salla-input:focus {
  outline:0 !important;
  border-color: color-mix(in srgb, var(--brand-2) 60%, var(--input-border)) !important;
  box-shadow:
    0 0 0 4px color-mix(in srgb, var(--brand-2) 18%, transparent) !important,
    inset 0 2px 6px rgba(2,6,23,.04) !important;
  background: color-mix(in srgb, var(--brand-2) 4%, var(--input-bg)) !important;
}

/* تعطيل لمعة/لون الـ Autofill في كروم */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill{
  -webkit-box-shadow: 0 0 0 1000px var(--input-bg) inset !important;
  box-shadow:        0 0 0 1000px var(--input-bg) inset !important;
  -webkit-text-fill-color: var(--text) !important;
  caret-color: var(--text) !important;
  transition: background-color 0s ease-in-out 9999s; /* تحايُل لمنع إعادة التلوين */
}

/* حقول معطلة/للقراءة فقط */
input[readonly], textarea[readonly], input[disabled], textarea[disabled]{
  background:#eef2f7 !important;
  color:#64748b !important;
}