/* M7 즐겨찾기 — 목록(favorites.php)과 M3 ★ 버튼(item.php) 전용.
 * app.css(web 판 소유)의 토큰·클래스(.day-nav · .price · .change-badge · .empty-state · .btn · .search-notice)를 재사용하고
 * 여기서 다시 정의하지 않는다. top.php 뒤에 <link> 한다(index.php 선례, brief-T2-11c).
 * 터치 타깃은 모두 48px(--touch-min) 이상.
 */

/* ── M3 ★ 버튼 ─────────────────────────────────────────────── */
.fav-toggle { margin: 0 0 12px; }
.fav-toggle-btn {
  min-height: var(--touch-min, 48px);
  min-width: var(--touch-min, 48px);
  padding: 0 18px;
  border: 2px solid var(--brand-ink, #0F5132);
  border-radius: var(--radius-chip, 10px);
  background: var(--color-card-bg, #fff);
  color: var(--brand-ink, #0F5132); /* 흰 배경 7.85:1 — app.css .btn-ghost 와 같은 조합 */
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}
.fav-toggle-btn.is-on {
  background: var(--brand-ink, #0F5132);
  color: var(--brand-on-ink, #fff);
}

/* 추가·빼기 결과 한 줄 */
.fav-flash {
  margin: 0 0 12px;
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid var(--color-border, #D2DBCD);
  background: var(--color-card-bg, #fff);
  color: var(--color-text, #111);
}
/* 🔴 문제 알림에 빨강을 쓰지 않는다 — MASTER §1.4 에서 빨강은 등락 전용이다.
   주황은 채움 전용(§1.3)이라 글자는 --color-text 뿐이다. */
.fav-flash-problem {
  border-color: var(--accent-fill, #F57C00);
  background: var(--accent-soft, #FFE0B2);
}

/* ── 목록 ──────────────────────────────────────────────────── */
.fav-group { margin: 0 0 28px; }
.fav-group-title { margin: 0 0 4px; font-size: 1.25rem; }
.fav-basis { margin: 0; }
.fav-group .day-nav { justify-content: flex-start; margin: 12px 0; }

.fav-list { list-style: none; margin: 0; padding: 0; }
.fav-item {
  display: flex;
  align-items: stretch;
  gap: var(--gap-min, 8px);
  background: var(--color-card-bg, #fff);
  border: 1px solid var(--color-border, #D2DBCD);
  border-radius: var(--radius-card, 14px);
  margin-bottom: 10px;
}
.fav-link {
  flex: 1 1 auto;
  min-width: 0;
  min-height: var(--touch-min, 48px);
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 14px;
  text-decoration: none;
  color: var(--color-text, #111);
}
.fav-name { font-weight: 700; font-size: 1.05rem; overflow-wrap: anywhere; }
.fav-value { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }
/* 🔴 `overflow-wrap: anywhere`(body 상속)를 숫자에서 끊는다 — compare.css 에서 실측된
   `3,331원/k` / `g` 와 같은 갈림을 막는다. */
.fav-price { font-size: 1.25rem; white-space: nowrap; overflow-wrap: normal; }
.fav-none { color: var(--color-text-sub, #4a4a4a); font-weight: 600; }
.fav-note { font-size: 0.85rem; }

.fav-remove-form { flex: 0 0 auto; display: flex; }
.fav-remove {
  min-height: var(--touch-min, 48px);
  min-width: var(--touch-min, 48px);
  padding: 0 14px;
  border: 0;
  border-left: 1px solid var(--color-border, #D2DBCD);
  border-radius: 0 var(--radius-card, 14px) var(--radius-card, 14px) 0;
  background: var(--color-card-bg, #fff);
  color: var(--color-text, #111);
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}

.fav-footnote { font-size: 0.85rem; }