/* ================================
   フッター全体（画面下部固定）
================================ */
.app-footer {
  position: sticky;
  bottom: 0;
  background: #FFFFFF;
  border-top: 1px solid var(--color-border);
  padding: var(--space-sm) var(--space-lg) var(--space-lg);
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  z-index: 999;
}

/* ================================
   比較サマリー（1〜2行の結論）
================================ */
.summary-bar {
  font-size: var(--font-size-body);
  color: var(--color-text-sub);
  line-height: 1.4;
  padding: var(--space-sm) 0;
  user-select: none;
}

/* ================================
   追加ボタン（＋ カードを追加）
================================ */
.button-primary {
  width: 100%;
  padding: var(--space-md);
  border-radius: 999px;
  border: none;
  background: var(--color-primary);
  color: #FFFFFF;
  font-size: var(--font-size-body);
  font-weight: 600;
  cursor: pointer;
  text-align: center;
  transition: background 0.15s ease;
}

.button-primary:hover {
  background: #1E4FCB; /* 少し濃い青 */
}

.button-primary:active {
  background: #163F9F; /* さらに濃い青 */
}