/* 今の見た目（Bulma 0.8）に足す最小限のスタイル */

/* 試合の表（旧版の matches と同じ太い枠線）
   旧版は style="border-width: 3px; border-color: black" をセルに直接書いていた。クラスにすると
   Bulma の .table.is-bordered td/th { border-width: 1px } のほうが強く、太い線が消えるので、
   セレクタを .table.is-bordered.match-table から書いて、Bulma より強くする */
.table.is-bordered.match-table th, .table.is-bordered.match-table td { vertical-align: middle; }
.table.is-bordered.match-table .b3 { border-width: 3px; border-color: black; }
.table.is-bordered.match-table .bt3 { border-top-width: 3px; border-top-color: black; }
.table.is-bordered.match-table .br3 { border-right-width: 3px; border-right-color: black; }
.table.is-bordered.match-table .bb3 { border-bottom-width: 3px; border-bottom-color: black; }
/* チーム名は旧版と同じ黒い文字にする（押せばチームのページを開く） */
.match-table .team a { color: inherit; }
.match-table .team a:hover { text-decoration: underline; }
.match-table .team { min-width: 6.5em; }
.match-table .score { min-width: 2.2em; font-weight: bold; }

/* スマートフォンでは表を横にスクロールさせる */
.table-container { -webkit-overflow-scrolling: touch; }

.dummy-notice { margin-top: .75rem; }
.updated-at { font-size: .75rem; color: #7a7a7a; }
.tag + .tag { margin-left: .25rem; }

/* Bulma の .column は中身（広い表）より縮まないので、表の外側ではなく .table-container の中でスクロールさせる */
.columns > .column { min-width: 0; }

/* スマートフォン：見出しを小さくし、左右に余白を取る（Bulma 0.8 の .container はモバイルで余白がない） */
@media screen and (max-width: 768px) {
  .container:not(.is-fluid) { padding-left: .75rem; padding-right: .75rem; }
  .title.is-1 { font-size: 2rem; }
  .title.is-2 { font-size: 1.75rem; }
  .card-content { padding: 1rem .75rem; }
}
.title { overflow-wrap: anywhere; }

/* 成績表・チームの試合：名前や時刻を1文字ずつ折り返さない（表は横にスクロールする） */
.standings-table td, .standings-table th, .team-games td, .team-games th { white-space: nowrap; }

/* 通知 */
.push-bar { display: flex; justify-content: flex-end; margin-bottom: .5rem; }
.push-teams { max-height: 45vh; overflow-y: auto; border: 1px solid #dbdbdb; border-radius: 4px; padding: .5rem .75rem; }
.push-teams label { display: block; padding: .2rem 0; }
.footer-links a + a { margin-left: .5rem; }
.footer-links a { color: #7a7a7a; }

/* 最後の表をフィールド4つ分の幅にそろえるための空の列。中身がないと細く潰れるので、1フィールド分の幅を取る */
.match-table .pad { width: 21%; }