/* NetHiroba Beer - whiskyレベルに合わせたスタイル */
:root {
  --ink: #243040;
  --navy: #1f3a5f;
  --accent: #C49B47;
  --gold: #C49B47;
  --cream: #f7f4ee;
  --line: #d5d0c6;
  --paper: #fffdf8;
}
body { background: var(--cream); color: var(--ink); }
.site-header { background: #FFFDF8; border-bottom: 2px solid #C49B47; }
.logo img { height: 40px; width: auto; }
h1 { color: var(--navy); font-size: 1.6rem; margin: 1rem 0 .4rem; }
.hint { color: #5c564c; }
.hub-grid { display: grid; gap: 1rem; margin: 1.5rem 0; }
.hub-card { border: 1px solid var(--line); border-radius: 8px; overflow: hidden; background: var(--paper); }
/* .hub-card img inherits from main.css for horizontal layout */
.toolbar { display: flex; flex-wrap: wrap; gap: .5rem; margin: 1rem 0; align-items: center; }
.table-wrap { overflow-x: auto; }
table.beer { width: 100%; border-collapse: collapse; background: #fff; }
table.beer th, table.beer td { border: 1px solid var(--line); padding: .4rem .6rem; text-align: left; height: auto; vertical-align: top; }
table.beer tr.data { cursor: pointer; }
table.beer tr.data:hover { background: #f8f4ea; }
table.beer tr.detail td { background: #faf8f4; padding: 1rem; }
.detail-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: .6rem; margin-top: .6rem; }
.detail-grid dt { font-weight: bold; font-size: .85rem; color: #555; }
.detail-grid dd { margin: 0; }
.cards { display: none; } /* モバイル時に切り替え可能 */
.footer-note { margin-top: 1.5rem; font-size: .9rem; color: #666; }
.reload { background: #C49B47; color: #fff; border: none; padding: .4rem .8rem; border-radius: 4px; cursor: pointer; }
.status { font-weight: bold; }

color-q { color: #C44790; }
color-1 { color: #4779C4; }
color-2 { color: #4EC447; }
color-3 { color: #6F644D; }
nethiroba-color { color: #C49B47; font-weight: bold; }

/* 簡易地図 */
.map-panel { position: relative; background: #f0f4f8; border: 1px solid var(--line); border-radius: 8px; min-height: 200px; margin: 1rem 0; }
.map-pin { position: absolute; width: 24px; height: 24px; background: #4EC447; color: #fff; border-radius: 50%; text-align: center; line-height: 24px; font-size: 12px; font-weight: bold; cursor: pointer; transform: translate(-50%, -50%); }
.map-pin:hover { background: #C49B47; }

/* ボタン・国旗 */
.action {
  display: inline-block; padding: 4px 10px; border-radius: 6px; background: #C49B47; color: #fff; text-decoration: none; font-size: .85rem; margin-right: 6px;
}
.action.amazon { background: #1f3a5f; }
.affiliate-note { font-size: .75rem; color: #888; }
.flag-img { border: 1px solid #ddd; border-radius: 2px; }
table.beer tr.detail td { background: #faf8f4; }

/* 地図セクション */
.map-wrap { position: relative; max-width: 520px; margin: 1rem auto; }
.map-wrap svg { width: 100%; height: auto; display: block; }
.pins { pointer-events: none; }
.map-pin { pointer-events: auto; }
.map-note { text-align: center; font-size: .85rem; color: #6F644D; margin: .5rem 0 1rem; }

/* ワイン方式の地図 */
.region-map { background: #fff; border: 1px solid #e5ddd0; border-radius: 8px; padding: 1rem; margin: 1rem 0; }
.region-map-caption, .region-map-src { font-size: .85rem; color: #6F644D; margin: .4rem 0; }
.map-svg { width: 100%; max-width: 520px; height: auto; display: block; margin: 0 auto; }
.region-map-legend { display: flex; flex-wrap: wrap; gap: .5rem; font-size: .8rem; margin-top: .5rem; }

/* リンク枠（ウィスキー風） */
.detail-grid a {
  display: inline-block;
  padding: 2px 8px;
  margin: 2px;
  border: 1px solid #C49B47;
  border-radius: 4px;
  background: #fff;
  color: #6F644D;
  text-decoration: none;
  font-size: .85rem;
}
.detail-grid a:hover { background: #f4e8d0; }
.back-to-map { font-size: .85rem; }

/* スマホでもテーブルを表示するフォールバック */
@media (max-width: 860px) {
  .table-wrap { display: block !important; }
  .cards { display: none !important; }
}

/* スマホで短文列を非表示 */
@media (max-width: 860px) {
  table.beer th:nth-child(4),
  table.beer td:nth-child(4) { display: none; }
}

@media (max-width: 900px) {
  table.beer th:nth-child(4),
  table.beer td:nth-child(4) { display: none !important; }
  table.beer { width: 100%; }
}

@media (max-width: 900px) {
  /* 銘柄ページ: 短文は5列目 */
  table.beer th:nth-child(5),
  table.beer td:nth-child(5) { display: none !important; }
  /* 醸造所ページ: 短文は4列目 */
  table.beer th:nth-child(4),
  table.beer td:nth-child(4) { display: none !important; }
}