/*!
 * hanshin-games.css — Right-sidebar widget styles for "2026 阪神戦リンク"
 * Mount: <div class="sidebar-meta hanshin-games-widget">...</div>
 * PC only (≥901px). Hidden on tablet/phone.
 * Light/dark inherits from existing sidebar tokens.
 */

/* ── PC: 表示。スマホ・タブレット: 非表示（CLS 防止のため初期値も非表示にして @media で開放） */
.hanshin-games-widget {
  display: none;
}
@media (min-width: 901px) {
  .hanshin-games-widget {
    display: block;
  }
}

/* スクロール可能なリスト本体 */
.hanshin-games-widget .hanshin-games-list {
  max-height: 480px;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 4px -4px 0 -4px;
  padding: 0 4px 4px 4px;
  scrollbar-width: thin;
}
.hanshin-games-widget .hanshin-games-list::-webkit-scrollbar {
  width: 8px;
}
.hanshin-games-widget .hanshin-games-list::-webkit-scrollbar-thumb {
  background: rgba(200,16,46,0.30);
  border-radius: 4px;
}
.hanshin-games-widget .hanshin-games-list::-webkit-scrollbar-track {
  background: transparent;
}

/* 月見出し */
.hanshin-games-widget .hanshin-games-month {
  font-size: 0.7rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  color: #c8102e;
  border-left: 3px solid #fbbf24;
  padding: 2px 0 2px 8px;
  margin: 10px 0 4px;
  line-height: 1.3;
}
.hanshin-games-widget .hanshin-games-month:first-child {
  margin-top: 2px;
}

/* 1行1試合のリンク */
.hanshin-games-widget .hanshin-games-item {
  display: block;
  padding: 5px 8px;
  margin: 0;
  border-radius: 6px;
  border-left: 2px solid transparent;
  color: #2a2e3c;
  text-decoration: none;
  font-size: 0.78rem;
  line-height: 1.5;
  letter-spacing: 0;
  transition: background .12s ease, border-color .12s ease, color .12s ease;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hanshin-games-widget .hanshin-games-item + .hanshin-games-item {
  margin-top: 1px;
}
.hanshin-games-widget .hanshin-games-item:hover {
  background: #fffbeb;
  border-left-color: #fbbf24;
  color: #1a0510;
}

/* 日付 */
.hanshin-games-widget .hanshin-games-date {
  display: inline-block;
  min-width: 4.6em;
  color: #64748b;
  font-variant-numeric: tabular-nums;
  font-weight: 700;
}
.hanshin-games-widget .hanshin-games-tigers {
  color: #c8102e;
  font-weight: 800;
}
.hanshin-games-widget .hanshin-games-score {
  font-variant-numeric: tabular-nums;
  font-weight: 800;
  display: inline-block;
  min-width: 2.8em;
  text-align: center;
}
.hanshin-games-widget .hanshin-games-score.is-win  { color: #c8102e; }
.hanshin-games-widget .hanshin-games-score.is-lose { color: #475569; }
.hanshin-games-widget .hanshin-games-score.is-draw { color: #b45309; }
.hanshin-games-widget .hanshin-games-vs {
  color: #94a3b8;
  font-weight: 700;
  display: inline-block;
  min-width: 2.8em;
  text-align: center;
}
.hanshin-games-widget .hanshin-games-opp {
  color: #1f2937;
  font-weight: 700;
}

/* 現在表示中の試合 = active */
.hanshin-games-widget .hanshin-games-item.is-active {
  background: #fef3c7;
  border-left-color: #fbbf24;
  color: #7c2d12;
  font-weight: 800;
}
.hanshin-games-widget .hanshin-games-item.is-active .hanshin-games-date,
.hanshin-games-widget .hanshin-games-item.is-active .hanshin-games-opp,
.hanshin-games-widget .hanshin-games-item.is-active .hanshin-games-tigers,
.hanshin-games-widget .hanshin-games-item.is-active .hanshin-games-score {
  color: #7c2d12;
}

/* 未消化（vs 表示） */
.hanshin-games-widget .hanshin-games-item.is-scheduled .hanshin-games-opp {
  color: #475569;
}

/* ── Dark theme support（既存トークンに揃える） */
html[data-theme="dark"] .hanshin-games-widget .hanshin-games-month {
  color: #fcd34d;
  border-left-color: #fbbf24;
}
html[data-theme="dark"] .hanshin-games-widget .hanshin-games-item {
  color: #d4ddf0;
}
html[data-theme="dark"] .hanshin-games-widget .hanshin-games-item:hover {
  background: rgba(251,191,36,0.12);
  color: #fcd34d;
}
html[data-theme="dark"] .hanshin-games-widget .hanshin-games-item.is-active,
html[data-theme="dark"] .hanshin-games-widget .hanshin-games-item.is-active .hanshin-games-date,
html[data-theme="dark"] .hanshin-games-widget .hanshin-games-item.is-active .hanshin-games-opp,
html[data-theme="dark"] .hanshin-games-widget .hanshin-games-item.is-active .hanshin-games-tigers,
html[data-theme="dark"] .hanshin-games-widget .hanshin-games-item.is-active .hanshin-games-score {
  background: rgba(251,191,36,0.18);
  color: #fcd34d;
  border-left-color: #fbbf24;
}
html[data-theme="dark"] .hanshin-games-widget .hanshin-games-date {
  color: #94a3b8;
}
html[data-theme="dark"] .hanshin-games-widget .hanshin-games-tigers {
  color: #fca5a5;
}
html[data-theme="dark"] .hanshin-games-widget .hanshin-games-score.is-win  { color: #fca5a5; }
html[data-theme="dark"] .hanshin-games-widget .hanshin-games-score.is-lose { color: #94a3b8; }
html[data-theme="dark"] .hanshin-games-widget .hanshin-games-score.is-draw { color: #fcd34d; }
html[data-theme="dark"] .hanshin-games-widget .hanshin-games-vs { color: #64748b; }
html[data-theme="dark"] .hanshin-games-widget .hanshin-games-opp { color: #e2e8f0; }
html[data-theme="dark"] .hanshin-games-widget .hanshin-games-list::-webkit-scrollbar-thumb {
  background: rgba(251,191,36,0.30);
}