/* Verbandsrunde (data/php/common/showTurnier.php, div.sk-vr-page).
   Optik wie die Vereinsturnier-Seiten (sk-interneturniere.css): weisse Karte,
   sk-heading, Kacheln (sk-board) mit braunem Kopf, beige gestreifte Tabellen.
   Farben: braun #5c4d2a, creme #f6ecd0, beige #efe4c4 / #f7f0dc, gold #c4a35a. */

/* ---------- Seitenrahmen ---------- */
.sk-vr-page.container {
	max-width: 1140px;
	margin-bottom: 24px;
	background: #fff;
	padding: 20px 28px 32px;
	border-radius: 12px;
	box-shadow: 0 4px 18px rgba(40, 28, 8, 0.08);
}

/* Sprungziele der Rundennavigation nicht unter der fixierten Menueleiste */
.sk-vr-page a[name] {
	scroll-margin-top: 48px;
}

/* ---------- Werkzeugleiste unter der Ueberschrift ---------- */
.sk-vr-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0 0 14px;
}

.sk-vr-tools {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

.sk-vr-tools .pull-right,
.sk-vr-tools .pull-left {
	float: none !important;
}

/* Links als "Chips" (nuLiga: Spielplan, Kontakte; BSV: Einsatzliste, ...) */
.sk-vr-tools > a,
.sk-vr-tools > div > a,
.sk-vr-tools .btn-group > .btn,
.sk-vr-saison > .btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 5px 12px;
	border: 1px solid #d8c89a;
	border-radius: 999px;
	background: #f6efdc;
	background-image: none;
	box-shadow: none;
	text-shadow: none;
	color: #5c4d2a;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
	text-decoration: none;
}

.sk-vr-tools > a:hover,
.sk-vr-tools > div > a:hover,
.sk-vr-tools .btn-group > .btn:hover,
.sk-vr-saison > .btn:hover,
.sk-vr-saison.open > .btn {
	background: #efe1b8;
	border-color: #c4a35a;
	color: #2a2a2a;
	text-decoration: none;
}

.sk-vr-tools img {
	width: 16px;
	height: auto;
	padding: 0 !important;
}

.sk-vr-saison {
	margin-left: auto;
}

.sk-vr-saison > .btn {
	float: none !important;
}

/* ---------- Rundennavigation / BSV-Links ---------- */
.sk-vr-roundnav,
.sk-vr-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 6px;
	margin: 0 0 22px;
}

.sk-vr-links {
	margin-bottom: 10px;
}

.sk-vr-roundnav a,
.sk-vr-links a {
	padding: 4px 12px;
	border: 1px solid #d8c89a;
	border-radius: 999px;
	background: #fffdf7;
	color: #5c4d2a;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
}

.sk-vr-roundnav a:hover,
.sk-vr-roundnav a:focus,
.sk-vr-links a:hover,
.sk-vr-links a:focus {
	background: #5c4d2a;
	border-color: #5c4d2a;
	color: #f6ecd0;
	text-decoration: none;
}

/* Hinweis auf einen Bericht */
.sk-vr-bericht {
	margin: 0 0 22px;
	padding: 12px 18px;
	border: 1px solid #d8c89a;
	border-radius: 10px;
	background: #fffdf7;
	color: #3a3a3a;
	font-size: 15px;
}

.sk-vr-bericht a {
	font-weight: 700;
}

/* ---------- Anordnung der Kacheln ---------- */
/* nuLiga: Runden als zweispaltiges Raster unter der Tabelle */
.sk-vr-rounds {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
	align-items: start;
}

/* BSV: Runde links, Tabelle nach der Runde rechts */
.sk-vr-pair {
	display: grid;
	grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
	gap: 20px;
	align-items: start;
	margin-bottom: 20px;
}

.sk-vr-rounds .sk-board,
.sk-vr-pair .sk-board {
	margin-bottom: 0;
}

/* ---------- gemeinsame Tabellenbasis ---------- */
.sk-vr-page .sk-board table {
	width: 100%;
	max-width: 100%;
	margin: 0;
	border: 0 !important;
	border-collapse: collapse;
	background: #fffdf7;
}

.sk-vr-page .sk-board td,
.sk-vr-page .sk-board th {
	border: 0 !important;
	border-top: 1px solid #eadfb8 !important;
	background-color: #fffdf7;
	color: #2a2a2a;
	font-size: 13px;
	line-height: 1.4;
	vertical-align: middle;
	padding: 5px 10px;
}

/* ---------- Runden ---------- */
/* Kopfzeile der Runde (td.colRunde) wie der braune Kachelkopf */
.sk-vr-page .sk-vr-round td.colRunde {
	background-color: #5c4d2a;
	color: #f6ecd0;
	border-top: 0 !important;
	padding: 10px 14px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.sk-vr-page .sk-vr-round td.colRunde a,
.sk-vr-page .sk-vr-round td.colRunde a:hover {
	color: #f6ecd0;
	text-decoration: none;
}

.sk-vr-page .sk-vr-round td.colRunde img {
	width: 20px;
	height: auto;
	padding: 2px !important;
	border-radius: 4px;
	background: #f6ecd0;
}

.sk-vr-page .sk-vr-round td.colRunde .pull-right {
	margin-left: 4px;
}

/* Paarungen gestreift */
.sk-vr-page .sk-vr-round tr.paarteam:nth-child(odd) td {
	background-color: #f7f0dc;
}

.sk-vr-page .sk-vr-round tr.paarteam:hover td {
	background-color: #f3e3a8;
}

/* Mannschafts-/Spielernamen nicht umbrechen, Ergebnisse zentriert */
.sk-vr-page .sk-vr-round tr.paarteam td:nth-child(1),
.sk-vr-page .sk-vr-round tr.paarteam td:nth-child(2) {
	white-space: nowrap;
}

.sk-vr-page .sk-vr-round tr.paarteam td:nth-child(3),
.sk-vr-page .sk-vr-round tr.paarteam td:nth-child(4) {
	width: 46px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	white-space: nowrap;
}

/* Begegnung mit Jöhlingen (Kopf der Einzelergebnisse) */
.sk-vr-page .sk-vr-round tr.paarteam td.colEinzelergebnisse,
.sk-vr-page .sk-vr-round tr.paarteam:hover td.colEinzelergebnisse {
	background-color: #f6df8a;
	border-top: 1px solid #c4a35a !important;
	color: #2a2a2a;
}

/* Einzelergebnisse: kleiner, eingerueckt, mit goldener Randlinie */
.sk-vr-page .sk-vr-round td.colEErgSiegN,
.sk-vr-page .sk-vr-round td.colEErgNiedN,
.sk-vr-page .sk-vr-round td.colEErgUnN,
.sk-vr-page .sk-vr-round td.colEErgSieg,
.sk-vr-page .sk-vr-round td.colEErgNied,
.sk-vr-page .sk-vr-round td.colEErgUn {
	font-size: 12.5px;
	color: #3a3a3a;
	padding-top: 4px;
	padding-bottom: 4px;
}

.sk-vr-page .sk-vr-round tr.paarteam td:first-child.colEErgSiegN,
.sk-vr-page .sk-vr-round tr.paarteam td:first-child.colEErgNiedN,
.sk-vr-page .sk-vr-round tr.paarteam td:first-child.colEErgUnN {
	padding-left: 20px;
	box-shadow: inset 3px 0 0 #e6c96a;
}

/* ---------- nuLiga-Kreuztabelle ---------- */
.sk-vr-page table.ct-liga th {
	background-color: #efe4c4;
	color: #5c4d2a;
	font-weight: 700;
	text-align: center;
	border-top: 0 !important;
	padding: 7px 6px;
}

.sk-vr-page table.ct-liga td {
	text-align: center;
	padding: 6px 6px;
	white-space: nowrap;
}

.sk-vr-page table.ct-liga tr > :first-child {
	width: 1%;
	padding: 0 2px;
}

.sk-vr-page table.ct-liga tr > :nth-child(2) {
	width: 1%;
}

.sk-vr-page table.ct-liga tr > :nth-child(3) {
	text-align: left;
	font-weight: 600;
}

.sk-vr-page table.ct-liga tr.rowver:nth-child(even) td {
	background-color: #f7f0dc;
}

.sk-vr-page table.ct-liga tr.rowver:hover td {
	background-color: #f3e3a8;
}

.sk-vr-page table.ct-liga tr.rowverjoe td {
	background-color: #f6df8a;
	font-weight: 700;
}

.sk-vr-page table.ct-liga td a {
	color: #2a2a2a;
}

.sk-vr-page table.ct-liga th.ct-sep,
.sk-vr-page table.ct-liga td.ct-sep {
	border-right: 2px solid #c4a35a !important;
}

/* Summenspalten (Sp, MP, BP); MP hervorheben */
.sk-vr-page table.ct-liga tr > :nth-last-child(2) {
	font-weight: 700;
}

/* ---------- BSV: Tabelle nach Runde N ---------- */
.sk-vr-page .sk-vr-table td.tabliga {
	background-color: #5c4d2a;
	color: #f6ecd0;
	border-top: 0 !important;
	padding: 10px 14px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-align: center;
	text-transform: uppercase;
	height: auto;
}

.sk-vr-page .sk-vr-table tr:nth-child(odd) td.colver,
.sk-vr-page .sk-vr-table tr:nth-child(odd) td.colbp,
.sk-vr-page .sk-vr-table tr:nth-child(odd) td.colmp {
	background-color: #f7f0dc;
}

.sk-vr-page .sk-vr-table td.colver,
.sk-vr-page .sk-vr-table td.colverjoe {
	white-space: nowrap;
}

.sk-vr-page .sk-vr-table td.colbp,
.sk-vr-page .sk-vr-table td.colmp,
.sk-vr-page .sk-vr-table td.colbpjoe,
.sk-vr-page .sk-vr-table td.colmpjoe {
	width: 1%;
	text-align: right;
	white-space: nowrap;
}

.sk-vr-page .sk-vr-table td.colverjoe,
.sk-vr-page .sk-vr-table td.colbpjoe,
.sk-vr-page .sk-vr-table td.colmpjoe {
	background-color: #f6df8a;
	font-weight: 700;
}

/* ---------- Spielzeiten 01/02 - 05/06 (showolddata.php, div.sk-vr-old) ----------
   Die Runden kommen als fertige HTML-Schnipsel: je Runde eine Zeile
   <tr><td><table class="results">..</table></td><td><table class="tabelleerg">..</table></td></tr>.
   Die aeussere Tabelle wird per CSS zu Kacheln wie bei den neueren Spielzeiten. */
.sk-vr-old table.sk-vr-oldrounds,
.sk-vr-old table.sk-vr-oldrounds > tbody {
	display: block;
	width: 100%;
}

.sk-vr-old table.sk-vr-oldrounds > tbody > tr {
	display: grid;
	grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
	gap: 20px;
	align-items: start;
	margin-bottom: 20px;
	scroll-margin-top: 48px;
}

/* jede Zelle der aeusseren Tabelle ist eine Kachel (wie .sk-board) */
.sk-vr-old table.sk-vr-oldrounds > tbody > tr > td {
	display: block;
	padding: 0;
	background: #fffdf7;
	border: 1px solid #cbb98a;
	border-radius: 10px;
	box-shadow: 0 8px 24px rgba(40, 28, 8, 0.12);
	overflow: hidden;
	overflow-x: auto;
}

.sk-vr-old table.sk-vr-oldrounds > tbody > tr > td:empty {
	display: none;
}

.sk-vr-old table.results,
.sk-vr-old table.tabelleerg {
	width: 100%;
	margin: 0;
	border: 0 !important;
	border-collapse: collapse;
	background: #fffdf7;
}

.sk-vr-old table.results td,
.sk-vr-old table.tabelleerg td {
	border: 0 !important;
	border-top: 1px solid #eadfb8 !important;
	background-color: #fffdf7;
	color: #2a2a2a;
	font-size: 13px;
	line-height: 1.4;
	vertical-align: middle;
	padding: 5px 10px;
	height: auto;
}

/* Kopf der Runde und der Tabelle: brauner Kachelkopf */
.sk-vr-old table.results td.colRunde,
.sk-vr-old table.tabelleerg td.tabliga {
	background-color: #5c4d2a;
	color: #f6ecd0;
	border-top: 0 !important;
	padding: 10px 14px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.sk-vr-old table.tabelleerg td.tabliga {
	text-align: center;
}

/* Zwischenkopf "Einzelergebnisse" */
.sk-vr-old table.results td.colEinzelergebnisse {
	background-color: #efe4c4;
	color: #5c4d2a;
	border-top: 1px solid #d8c89a !important;
	font-weight: 700;
	letter-spacing: 0.04em;
	padding: 7px 10px;
}

/* Paarungen gestreift */
.sk-vr-old table.results tr:nth-child(odd) td:not(.colRunde):not(.colEinzelergebnisse) {
	background-color: #f7f0dc;
}

.sk-vr-old table.results tr:hover td:not(.colRunde):not(.colEinzelergebnisse) {
	background-color: #f3e3a8;
}

.sk-vr-old table.results td:nth-child(1),
.sk-vr-old table.results td:nth-child(2) {
	white-space: nowrap;
}

.sk-vr-old table.results td:nth-child(3),
.sk-vr-old table.results td:nth-child(4) {
	width: 46px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	white-space: nowrap;
}

.sk-vr-old table.results td.colEErgSiegN,
.sk-vr-old table.results td.colEErgNiedN,
.sk-vr-old table.results td.colEErgUnN,
.sk-vr-old table.results td.colEErgSieg,
.sk-vr-old table.results td.colEErgNied,
.sk-vr-old table.results td.colEErgUn {
	font-size: 12.5px;
	color: #3a3a3a;
	padding-top: 4px;
	padding-bottom: 4px;
}

/* Tabelle nach der Runde */
.sk-vr-old table.tabelleerg tr:nth-child(odd) td.colver,
.sk-vr-old table.tabelleerg tr:nth-child(odd) td.colbp,
.sk-vr-old table.tabelleerg tr:nth-child(odd) td.colmp {
	background-color: #f7f0dc;
}

.sk-vr-old table.tabelleerg td.colver,
.sk-vr-old table.tabelleerg td.colverjoe {
	white-space: nowrap;
}

.sk-vr-old table.tabelleerg td.colbp,
.sk-vr-old table.tabelleerg td.colmp,
.sk-vr-old table.tabelleerg td.colbpjoe,
.sk-vr-old table.tabelleerg td.colmpjoe {
	width: 1%;
	text-align: right;
	white-space: nowrap;
}

.sk-vr-old table.tabelleerg td.colverjoe,
.sk-vr-old table.tabelleerg td.colbpjoe,
.sk-vr-old table.tabelleerg td.colmpjoe {
	background-color: #f6df8a;
	font-weight: 700;
}

/* ---------- schmale Bildschirme ---------- */
@media (max-width: 991px) {
	.sk-vr-rounds {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 767px) {
	.sk-vr-page.container {
		padding: 12px 10px 20px;
		border-radius: 0;
	}

	.sk-vr-pair,
	.sk-vr-old table.sk-vr-oldrounds > tbody > tr {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* ---------- Druck ---------- */
@media print {
	.sk-vr-page.container {
		box-shadow: none;
		padding: 0;
	}

	.sk-vr-page .sk-vr-round td.colRunde,
	.sk-vr-page .sk-vr-table td.tabliga {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}
}
