/* ============================================================
   إصلاح وضوح نصوص البحث — الوضع الليلي فقط
   ------------------------------------------------------------
   السبب: `.soc-search input` في index.css يفرض خلفية بيضاء ونصّاً
   كحليّاً غامقاً (#101b35) — تصميم الوضع النهاري. لكن `.field input`
   (وهو نفس العنصر لأن الصندوق `field soc-search`) يتفوّق عليه في
   الوضع الليلي ويجعل الخلفية #101B30، فيبقى لون النصّ #101b35.
   النتيجة المقيسة: تباين 1.01:1 ⇒ النص المكتوب غير مرئي إطلاقاً.
   القاعدة هنا تُعيد اللونين إلى لوحة الوضع الليلي.
   ============================================================ */

/* عيب ثانٍ مقيس: `.field input` يفرض `padding:11px 13px` ويتفوّق على
   `.soc-search input{padding:0 16px 0 48px}` ⇒ الأيقونة (37–60px) تقع
   فوق أول أحرف النص (يبدأ عند 14px). الحشو هنا فيزيائي لأن الأيقونة
   نفسها مثبّتة فيزيائياً على اليسار (`left:16px`) في كل اللغات. */
.soc-search input {
  padding-left: 48px !important;
  padding-right: 16px !important;
}

html[data-theme="dark"] .soc-search input {
  background: #15223A !important;
  color: #E9EEF6 !important;
  border: 1.5px solid #D9A441 !important;
}
html[data-theme="dark"] .soc-search input::placeholder {
  color: #9AAAC2 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .soc-search input:focus {
  border-color: #F5B93E !important;
  box-shadow: 0 0 0 4px rgba(245, 185, 62, .18) !important;
}
html[data-theme="dark"] .soc-search-ico {
  color: #F5B93E !important;
}

/* شريط البحث في الهيدر: كان النصّ التوضيحي بتباين 4.33:1 (حدّي).
   رفعه إلى ~7:1 ليكون مقروءاً في الشمس وعلى شاشات الهواتف الرخيصة. */
html[data-theme="dark"] .search-box input::placeholder {
  color: #C6D2E4 !important;
  opacity: 1 !important;
}