/* Убедимся, что элементы в ряд */
.rightRow {
  display: flex;
  align-items: center;
  gap: 10px; /* Расстояние между поиском, аватаркой и меню */
}

/* Стиль кнопки поиска */
.header-search-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;  /* Размер как у аватарки/кнопки меню */
  height: 40px;

  background: rgba(255, 255, 255, 0.05); /* Легкое стекло */
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px; /* Скругленные углы */
  color: #fff;

  transition: all 0.2s ease;
  backdrop-filter: blur(8px);
  text-decoration: none; /* Убираем подчеркивание ссылки */
}

/* Иконка внутри */
.header-search-btn svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
  opacity: 0.8;
}

/* Эффект нажатия */
.header-search-btn:active {
  transform: scale(0.95);
  background: rgba(41, 182, 246, 0.2); /* Подсветка синим */
  border-color: rgba(41, 182, 246, 0.4);
  color: #29b6f6;
}