/*
 * Vzhľad p0kr – prenesený zo starej appky (style.scss + theme-pure.scss) na Bootstrap 5.
 * Bez sass buildu: čisté CSS s premennými.
 */
:root {
  --p0kr-font-size: 0.9rem;
  --p0kr-text: #666;
  --p0kr-title: #999;
  --p0kr-title-border: #c6c8ca;
  /* odkazy v tabuľkách (dátum turnaja → detail) */
  --p0kr-link: rgba(97, 159, 228, 1);
  --p0kr-placeholder: #bbb;
  --p0kr-table-text: #888;
  --p0kr-table-head: #111;
  --p0kr-chart-total: #ff9900;
  --p0kr-chart-tournament: #cccccc;
  --p0kr-chart-text: #666;
  --p0kr-chart-grid: rgba(0, 0, 0, 0.1);
}

/* Tmavý režim – farby z nepoužitej theme-dark.scss starej appky (pozadie #333, svetlé tabuľky). */
[data-bs-theme="dark"] {
  --bs-body-bg: #333;
  --bs-body-bg-rgb: 51, 51, 51;
  --p0kr-text: #bbb;
  --p0kr-title: #999;
  --p0kr-title-border: #666;
  --p0kr-link: rgba(97, 159, 228, 1);
  --p0kr-placeholder: #888;
  --p0kr-table-text: #fafafa;
  --p0kr-table-head: #fff;
  --p0kr-chart-tournament: #888888;
  --p0kr-chart-text: #ddd;
  --p0kr-chart-grid: rgba(255, 255, 255, 0.12);
  /* zisk (.text-success) o trochu svetlejší ako #198754 – na #333 bol tmavý */
  --bs-success-rgb: 50, 170, 110;
}

body {
  padding-top: 3.5rem; /* fixed-top navbar */
  font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: var(--p0kr-font-size);
  color: var(--p0kr-text);
  background-color: var(--bs-body-bg);
}

h1, h2, h3, h4 {
  font-weight: 700;
}

.form-control,
.form-select {
  font-size: var(--p0kr-font-size);
}

.form-control::placeholder {
  color: var(--p0kr-placeholder);
  opacity: 1;
}

.text-black {
  color: #000;
}

/* Nadpis sekcie s čiarou pod ním */
.stat-title-row {
  border-bottom: 2px solid var(--p0kr-title-border);
}

.stat-title-row h2 {
  color: var(--p0kr-title);
}

/* Tabuľky štatistík */
.stat-table td {
  color: var(--p0kr-table-text);
}

.stat-table thead th {
  color: var(--p0kr-table-head);
  background-color: transparent;
  border-bottom: 0;
}

/* Triedenie po kliknutí na hlavičku (assets/table-sort.js) */
.stat-table th[data-sort] {
  position: relative;
  padding-right: 1.5rem;
  cursor: pointer;
  user-select: none;
}

.stat-table th[data-sort]::before,
.stat-table th[data-sort]::after {
  position: absolute;
  top: 0.55rem;
  opacity: 0.3;
}

.stat-table th[data-sort]::before {
  right: 0.75rem;
  content: "\2191"; /* ↑ */
}

.stat-table th[data-sort]::after {
  right: 0.35rem;
  content: "\2193"; /* ↓ */
}

.stat-table th[aria-sort="ascending"]::before,
.stat-table th[aria-sort="descending"]::after {
  opacity: 1;
}

.stat-table th[data-sort]:focus-visible {
  outline: 2px solid var(--bs-primary);
  outline-offset: -2px;
}

/* Prepínač režimu – bez JS sa nezobrazí (theme.js ho odkryje). */
#theme-toggle {
  line-height: 1;
}

/* Akcie v tabuľkách administrácie: pevné sloty, aby rovnaká akcia bola v každom riadku
   na rovnakom mieste aj keď iná akcia v riadku chýba (prázdny .action). */
.actions {
  display: inline-flex;
  gap: 1rem;
}

.actions .action {
  display: inline-flex;
  justify-content: center;
  width: 1.25rem;
}

/* Ikona kalendára pri dátume turnaja otvára výber dátumu (date-picker.js). */
.date-picker-toggle {
  cursor: pointer;
}

/* Odkazy v tabuľkách (dátum turnaja → detail; nie tlačidlá akcií) bez podčiarknutia, farba --p0kr-link. */
.stat-table td a:not(.btn) {
  color: var(--p0kr-link);
  text-decoration: none;
}