/* Add custom CSS styles below *

/* ====== Voice & Image Search buttons (Salla) ====== */
.s-search-input-wrapper{ position:relative; display:flex; align-items:center; }

/* مساحة يمين الحقل للأزرار */
.s-search-input{
  padding-inline-end: 96px !important; /* أفسح مجال لزرين */
  border-radius:10px;
}

/* الأزرار */
.sx-voice-btn, .sx-image-btn{
  position:absolute;
  inset-inline-end: 16px; /* يمين في RTL */
  width:36px; height:36px; border-radius:999px;
  display:grid; place-items:center; cursor:pointer; border:0;
  box-shadow:0 1px 2px rgba(0,0,0,.06);
}

.sx-voice-btn{
  background: var(--voice-search-solid-bg, #0b1f37);
  color:#fff;
}

/* زر الصورة */
.sx-image-btn{
  inset-inline-end: 60px; /* مسافة بين الزرين */
  background:#f2f3f5; color:#111;
}

/* نبضة أثناء الاستماع */
.sx-voice-btn.is-listening{ animation:sx-pulse 1.2s infinite; }
@keyframes sx-pulse{
  0%{ box-shadow:0 0 0 0 rgba(11,31,55,.4); }
  70%{ box-shadow:0 0 0 8px rgba(11,31,55,0); }
  100%{ box-shadow:0 0 0 0 rgba(11,31,55,0); }
}

/* تلميح صغير أسفل الحقل */
.sx-search-hint{
  position:absolute; inset-inline-start:14px; bottom:6px;
  font-size:12px; color:#6b7280;
}

/* تحسين تفاعل */
.sx-voice-btn:hover{ filter:brightness(1.08); }
.sx-image-btn:hover{ background:#e9eaec; }