/* Match page styles: scoreboard and markets */

.match-header-card {
  background: var(--body_color_2, #262832);
  border: 1px solid var(--color-border, #242b42);
  border-radius: .5rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.mh-row { display: grid; grid-template-columns: 1fr auto 1fr; gap: .75rem; align-items: center; }
.mh-team { display: flex; align-items: center; gap: .5rem; }
.mh-team.right { justify-content: flex-end; text-align: right; }
.mh-badge { width: 40px; height: 40px; border-radius: 50%; background: var(--bg_color_6, #2c2e3a); display: inline-grid; place-items: center; font-weight: 800; color: var(--txt_color_2, #bebebe); }
.mh-name { font-weight: 800; color: var(--line_txt_1, #f3f2ef); line-height: 1.05; }
.mh-score { font-size: 1.75rem; font-weight: 900; color: var(--txt_color_1, #fff); min-width: 90px; text-align: center; }
.mh-meta { color: var(--txt_color_2, #bebebe); font-size: .85rem; margin-top: .25rem; text-align: center; }

.match-hero { position: relative; background: linear-gradient(180deg, rgba(0,0,0,.25) 0%, rgba(0,0,0,.4) 100%), url('/assets/img/hero-sports-bg.jpg'); background-size: cover; background-position: center; border: 1px solid var(--color-border); border-radius: .6rem; padding: 1rem .75rem; margin-bottom: 1rem; }
.match-topbar { display:flex; align-items:center; justify-content: space-between; color:#ddd; font-size:.9rem; margin-bottom:.5rem; }
.match-topbar .left, .match-topbar .right { display:flex; align-items:center; gap:1rem; }
.match-topbar .icon { opacity:.85; }
.match-scoreline { display:grid; grid-template-columns: 1fr auto 1fr; align-items:center; gap:.75rem; color:#fff; }
.team-col { display:flex; align-items:center; gap:.5rem; }
.team-col.right { justify-content:flex-end; text-align:right; }
.crest { width: 36px; height:36px; border-radius:50%;   display:inline-grid; place-items:center; font-weight:900; }
.crest img { width:100%; height:100%; object-fit:cover; border-radius:50%; }
.team-name { font-weight:800; font-size:1.1rem; color:#fff; }
.big-score { font-size:2.2rem; font-weight:900; color:#fff; text-align:center; min-width:110px; }
.phase-row { color:#eee; text-align:center; margin-top:.25rem; font-size:.9rem; }

.mini-scores { display: table; font-size:.62rem; margin:.6rem auto 0; background: rgba(0,0,0,0.25); border:1px solid rgba(255,255,255,0.18); border-radius:.5rem; overflow:hidden; }
.mini-scores .ms-head, .mini-scores .ms-row { display:grid; grid-template-columns: 1.2fr repeat(var(--ms-cols, 2), minmax(70px,1fr)); }
.mini-scores .ms-head { background: rgba(255,255,255,0.08); color:#ddd; font-weight:800;   text-transform: uppercase; }
.mini-scores .ms-row { background: rgba(0,0,0,0.15); color:#fff; }
.mini-scores .cell { padding:.45rem .6rem; text-align:center; border-right:1px solid rgba(255,255,255,0.15); }
.mini-scores .cell:last-child { border-right:0; }
.mini-scores .team { display:flex; align-items:center; gap:.4rem; justify-content:flex-start; font-weight:700; }
.mini-scores .crest { width:20px; height:20px; border-radius:50%; background: rgba(255,255,255,.12); display:inline-grid; place-items:center; font-size:.75rem; }
.mini-scores .crest img { width:100%; height:100%; object-fit:cover; border-radius:50%; }

.match-tabs { background: var(--body_color_2, #262832); border:1px solid var(--color-border); border-radius:.5rem; overflow:hidden; }
.match-tabs .nav { background: rgba(255,255,255,0.03); border-bottom:1px solid var(--color-border); }
.match-tabs .tab-pane { padding: .75rem; color: var(--txt_color_1,#fff); }

.period-table { background: rgba(0,0,0,0.25); border:1px solid var(--color-border); border-radius:.5rem; overflow:hidden; margin:.5rem auto 1rem; }
.period-table .pt-head, .period-table .pt-row { display:grid; grid-auto-columns: 1fr; }
.period-table .pt-head { grid-template-columns: 1.4fr repeat(var(--pt-cols, 2), minmax(70px,1fr)); background: rgba(255,255,255,0.06); color:#ddd; font-weight:700; font-size:.85rem; }
.period-table .pt-row { grid-template-columns: 1.4fr repeat(var(--pt-cols, 2), minmax(70px,1fr)); background: rgba(255,255,255,0.03); }
.period-table .pt-cell { padding:.45rem .6rem; border-right:1px solid var(--color-border); text-align:center; }
.period-table .pt-head .pt-cell { text-transform: uppercase; }
.period-table .pt-row + .pt-row { border-top:1px solid var(--color-border); }
.period-table .pt-cell:last-child { border-right:0; }
.period-table .pt-team { display:flex; align-items:center; gap:.5rem; justify-content:flex-start; color:#fff; font-weight:700; }
.period-table .pt-crest { width:24px; height:24px; border-radius:50%; background: rgba(255,255,255,.12); display:inline-grid; place-items:center; font-size:.8rem; color:#fff; }
.period-table .pt-crest img { width:100%; height:100%; object-fit:cover; border-radius:50%; }

.period-scores { background: var(--body_color_2,#262832); border:1px solid var(--color-border); border-radius:.5rem; padding:.5rem .75rem; margin-bottom: .75rem; }
.period-scores .title { font-weight:700; color: var(--txt_color_1,#fff); margin-bottom:.25rem; }
.period-scores .grid { display:grid; grid-auto-flow: column; grid-auto-columns: minmax(90px,1fr); gap:.5rem; }
.period-scores .cell { background: rgba(255,255,255,0.03); border:1px solid var(--color-border); border-radius:.35rem; padding:.4rem .5rem; text-align:center; }
.period-scores .cell .label { color: var(--txt_color_2,#bebebe); font-size:.8rem; display:block; }
.period-scores .cell .val { color: var(--txt_color_1,#fff); font-weight:800; font-size:1rem; }

.subgames-strip { display: flex; gap: .5rem; overflow-x: auto; padding-bottom: .25rem; }
.subgames-strip .btn { white-space: nowrap; }

.market-card { background: var(--body_color_2, #262832); border: 1px solid var(--color-border);   margin-bottom: .15rem; }
.market-head {
    padding: .6rem .75rem;
    font-weight: 700;
    border-bottom: 1px solid var(--color-border);
    background: #333541;
    color: #bebebe;
    text-transform: uppercase;
    text-align: center;
    font-size: 0.8rem;
}
.market-body { padding: .1rem; background: #1d1f29;}

.odds-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: .1rem; }
.odds-grid.cols-1 { grid-template-columns: 1fr; }
.odds-grid.cols-2 { grid-template-columns: repeat(2, 1fr); }
.odds-grid.cols-3 { grid-template-columns: repeat(3, 1fr); }
.odds-grid.cols-4 { grid-template-columns: repeat(4, 1fr); }

.odds-col { display: flex; flex-direction: column;   }

.odds-btn.btn {
  border-radius: 0rem;
  padding: .55rem ;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  text-align: left;
  background: #1d1f29;
  border: 1px solid #262832;
  font-size: 0.75rem;
}

.odds-col .btn:hover {
 opacity: 0.7;
background: #ffffff26;

 


.odds-btn .odds-label {
  flex: 1 1 auto;
  white-space: normal;
  line-height: 1.1;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* максимум 2 строки */
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.odds-btn .odds-value {
  flex: 0 0 auto;
  min-width: 3.5ch;
  font-weight: 800;
  text-align: right;
}
.odds-btn.btn-secondary { opacity: .7; }

@media (max-width: 991.98px) {
  .mh-score { font-size: 1.5rem; min-width: 72px; }
  .mh-badge { width: 36px; height: 36px; }
  .odds-grid { grid-template-columns: repeat(2, 1fr); }
}