/* static/css/custom.css */

/* Dropdown menu ve dark mode */
[data-bs-theme="dark"] .dropdown-menu {
    background-color: #23272b;
    color: #fff;
}

[data-bs-theme="dark"] .dropdown-menu .dropdown-item {
    color: #fff;
}

[data-bs-theme="dark"] .dropdown-menu .dropdown-item:hover,
[data-bs-theme="dark"] .dropdown-menu .dropdown-item:focus {
    background-color: #2a2e32;
    color: #fff;
}

/* Tla��tko outline-dark ve tmav�m re�imu */
[data-bs-theme="dark"] .btn-outline-dark {
    color: #fff;
    border-color: #fff;
}
[data-bs-theme="dark"] .btn-outline-dark:hover {
    background-color: #fff;
    color: #23272b;
}

.navbar {
    background-color: #f8f9fa;
    color: #212529;
}
[data-bs-theme="dark"] .navbar {
    background-color: #23272b !important;
    color: #fff !important;
}

/* V�choz� (sv�tl� re�im) - modr� jako Bootstrap */
.list-group-item.active {
    background-color:  #000 !important;
    color: #fff !important;
}

/* Dark mode - tmav� �ed�, b�l� text */
[data-bs-theme="dark"] .list-group-item.active {
    background-color: #23272b !important;
    color: #fff !important;
}

.logo-dark { display: none; }
.logo-light { display: inline; }

[data-bs-theme="dark"] .logo-dark { display: inline; }
[data-bs-theme="dark"] .logo-light { display: none; }

[data-bs-theme="dark"] .card[style*="--stage-border-dark"] {
  border-color: var(--stage-border-dark) !important;
}

[data-bs-theme="dark"] [style*="--stage-bg-dark"] {
  background-color: var(--stage-bg-dark) !important;
}

.advancement-stripe {
  border-left: 8px solid var(--stage-stripe-light, #0d6efd);
  /* Případně border-top pro proužek nahoře: border-top: 4px solid var(--stage-stripe-light, #0d6efd); */
}

/* Pokud používáš Bootstrap 5 s podporou data-bs-theme */
[data-bs-theme="dark"] .advancement-stripe {
  border-left-color: var(--stage-stripe-dark, #0d6efd) !important;
  /* border-top-color: ... pokud používáš proužek nahoře */
}

[data-bs-theme="dark"] .card-header[style*="--stage-border-dark"] {
  border: 2px solid var(--stage-border-dark) !important;
}

body {
  padding-top: env(safe-area-inset-top);
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
  padding-bottom: env(safe-area-inset-bottom);
}

.navbar {
  padding-top: env(safe-area-inset-top);
}

.list-group-item .bi-chevron-right {
  transition: transform 0.2s ease-in-out;
}

/* Když je otevřeno (Bootstrap nastaví aria-expanded="true") */
.list-group-item[aria-expanded="true"] .bi-chevron-right {
  transform: rotate(90deg);
}

/* Reverse highlight (light/dark) */
[data-bs-theme="light"] .team-row.highlight { background-color: #000; color: #fff; }
[data-bs-theme="dark"]  .team-row.highlight { background-color: #fff; color: #000; }

.team-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0.25rem 0.5rem;
  transition: background-color 0.2s, color 0.2s;
  cursor: pointer;
}
.team-row.highlight * { color: inherit !important; }

/* SVG overlay is inside the same scrollable viewport, and sits under the cards */
#bracket-viewport { position: relative; }
#bracket-lines {
  position: absolute;
  top: 0; left: 0;
  pointer-events: none;
  z-index: 0;               /* under the cards */
}
.card { position: relative; z-index: 1; }

.bracket-path {
  fill: none;
  stroke-width: 2;
}

/* Reverse path color */
[data-bs-theme="light"] .bracket-path { stroke: #000; }
[data-bs-theme="dark"]  .bracket-path { stroke: #fff; }

.score {
  font-variant-numeric: tabular-nums; /* číslice mají stejnou šířku */
  font-family: inherit;
  justify-content: flex-end;          /* celý blok skóre k pravému okraji */
}

.score-cell {
  display: inline-block;
  min-width: 1.5em;   /* stejné místo pro číslo */
  text-align: right;  /* wins zarovnané doprava */
}

.score-cell:last-child {
  text-align: left;   /* losses zarovnané doleva */
}

#bracket-strip .card {
  min-width: 150px;
}