/* Detail družstva: původní tabulka, výsledky barevně a rozbalení partií. Základ tabulky je ve style.css (.druzstva table). */

.druzstvo-detail {
  --vyhra: #1e7b34;
  --vyhra-pozadi: #e2f3e5;
  --prohra: #d72918;
  --prohra-pozadi: #fdecea;
  --remiza-pozadi: #f1f3f5;
  --text-2: #4a4a4a;
}

/* globální span je červený a globální odkaz má pevnou šířku */
.druzstvo-detail span { color: inherit; }
.druzstvo-detail .druzstvo-odkaz a { width: auto; }

.druzstvo-detail .c { text-align: center; }
.druzstvo-detail tbody td { font-variant-numeric: tabular-nums; }

/* podbarvení řádku podle výsledku, příští kolo tučně */
.druzstvo-detail tr.r-vyhra > td { background-color: var(--vyhra-pozadi); }
.druzstvo-detail tr.r-prohra > td { background-color: var(--prohra-pozadi); }
.druzstvo-detail tr.r-remiza > td { background-color: var(--remiza-pozadi); }
.druzstvo-detail tr.pristi > td { font-weight: bold; }
.druzstvo-detail b.vyhra { color: var(--vyhra); }
.druzstvo-detail b.prohra { color: var(--prohra); }

/* rozbalení partií */
.druzstvo-detail tr.klik { cursor: pointer; }
.druzstvo-detail tr.klik:focus-visible { outline: 3px solid #00bbff; outline-offset: -3px; }
.druzstvo-detail .rozbal { vertical-align: -3px; margin-left: 6px; color: #8a8f94; transition: transform 0.15s; }
.druzstvo-detail tr.klik:hover .rozbal { color: black; }
.druzstvo-detail tr[aria-expanded="true"] .rozbal { transform: rotate(180deg); }

.druzstvo-detail tr.radek-partie > td { padding: 0; background-color: #f4f4f4; }
.druzstvo-detail table.partie { width: 100%; border: none; }
.druzstvo-detail table.partie td {
  border: none;
  border-top: 1px dotted #9a9a9a;
  background: transparent;
  padding: 7px 10px;
  font-size: 15px;
}
.druzstvo-detail table.partie tr:first-child td { border-top: none; }
.druzstvo-detail table.partie .sach { width: 30px; text-align: center; color: var(--text-2); }
.druzstvo-detail table.partie .vys { width: 60px; text-align: center; font-weight: bold; }
.druzstvo-detail table.partie .vys.vyhra { color: var(--vyhra); }
.druzstvo-detail table.partie .vys.prohra { color: var(--prohra); }
.druzstvo-detail table.partie .souper { text-align: right; }
.druzstvo-detail table.partie .vyhral { font-weight: bold; }
.druzstvo-detail .elo { color: var(--text-2); font-size: 13px; margin-left: 6px; }

.druzstvo-napoveda { margin: 8px 0 0; font-size: 14px; color: #4a4a4a; text-align: center; }

/* na počítači celé datum a sloupec Kde, na mobilu krátké datum a doma/venku pod soupeřem */
.druzstvo-detail .datum-kratke,
.druzstvo-detail .misto { display: none; }

@media (max-width: 700px) {
  .druzstvo-detail > table { width: 100%; }
  .druzstvo-detail table th,
  .druzstvo-detail table td { padding: 8px 5px; }
  .druzstvo-detail .sloupec-kde,
  .druzstvo-detail .datum-cele { display: none; }
  .druzstvo-detail .datum-kratke { display: inline; }
  .druzstvo-detail .misto { display: block; font-size: 13px; color: var(--text-2); font-weight: normal; }
  .druzstvo-detail tbody td { white-space: normal; }
  .druzstvo-detail table.partie td { padding: 7px 5px; }
  .druzstvo-detail table.partie .elo { display: block; margin-left: 0; }
  .druzstvo-detail table.partie .sach { width: 20px; }
  .druzstvo-detail table.partie .vys { width: 46px; }
}

@media (prefers-reduced-motion: reduce) {
  .druzstvo-detail .rozbal { transition: none; }
}