/* ---------- 近くの駅へ ----------
 * 現在地からいちばん近い駅へ飛ぶボタン。検索欄の上の段に、左から置く。
 * 記号はコンパス（🧭）。📍は「いつもの駅」、🏠は「ホーム画面に追加」が使っている。 */

/* ボタンが並ぶ段。左＝近くの駅へ、右＝いつもの駅へもどる（css/home.css）。
 * 上下の余白は中のボタンが持っているので、どちらも隠れている間は
 * この段は高さを持たない（何も出ていない端末に余白だけが残らない） */
.jump-row {
  width: min(92vw, 430px);
  display: flex;
  align-items: center;
  gap: 8px;
}

.geo-jump { margin: -6px 0 14px; }
.geo-jump[hidden] { display: none; }
/* 見た目は「いつもの駅へもどる」と同じ丸いチップ（同じ段の兄弟なので、
 * 片方だけ直すと段の中でちぐはぐになる。あちらは css/home.css の .home-back） */
.geo-jump button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  padding: 6px 14px 6px 11px;
  border-radius: 999px;
  border: 1px solid #E7E7E2;
  background: #fff;
  font-family: inherit;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #6A6A63;
  white-space: nowrap;
  cursor: pointer;
  transition: background 0.15s, transform 0.1s, opacity 0.15s;
}
.geo-jump button:hover { background: #F3F3EF; }
.geo-jump button:active { transform: scale(0.96); }
/* 位置情報の許可を待っている間。押せないことを見せつつ、消えはしない */
.geo-jump button:disabled { opacity: 0.6; cursor: default; }
.geo-jump button:disabled:active { transform: none; }
/* さがしている間だけ、コンパスの針をゆっくり回す */
.geo-jump button.busy .gj-mark { animation: geo-spin 1.4s linear infinite; }
.geo-jump .gj-mark { display: inline-block; }
@keyframes geo-spin {
  to { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
  .geo-jump button.busy .gj-mark { animation: none; }
}