/* サジェストアイテムのレイアウト */
.suggest-item {
  height: 2.5em;
  display: flex;
  align-items: center;
  padding: 0 8px;
  box-sizing: border-box;
}

/* ホテル名の省略表示 */
.suggest-item .hotel-name {
  flex: 1;
  min-width: 0; /* 重要: Flexboxで省略記号を機能させるために必須 */
  white-space: nowrap; /* 改行を禁止 */
  overflow: hidden; /* はみ出した部分を隠す */
  text-overflow: ellipsis; /* はみ出した部分に「...」を表示 */
  padding-right: 10px; /* 矢印との間に余白を確保 */
}

/* 矢印部分の固定 */
.suggest-item .chevron {
  flex-shrink: 0; /* 縮小しない */
  color: #999;
}