/* Frontend-Styles für WSB-Liga Bogen */

.wsb-liga-bogen-table-wrap {
	margin: 1.5em 0;
	overflow-x: auto;
}

.wsb-liga-bogen .wsb-liga-bogen-table {
	width: 100% !important;
	/* Manche Themes setzen table-layout: fixed; dann würden die Spalten
	   gleich breit (bzw. bei width: 1 % auf wenige Pixel). */
	table-layout: auto !important;
	border-collapse: collapse;
	font-variant-numeric: tabular-nums;
}

.wsb-liga-bogen-table caption {
	text-align: left;
	font-weight: 700;
	padding-bottom: 0.5em;
}

.wsb-liga-bogen-table th,
.wsb-liga-bogen-table td {
	padding: 0.5em 0.75em;
	text-align: left;
	vertical-align: top;
}

.wsb-liga-bogen-table thead th {
	white-space: nowrap;
}



.wsb-liga-bogen-hinweis {
	font-style: italic;
	opacity: 0.7;
}

.wsb-liga-bogen-table .num {
	text-align: right;
	white-space: nowrap;
}

/* Ligatabellen (table / tableDay): alle Spalten so schmal wie ihr Inhalt,
   die Mannschaft nimmt den restlichen Platz. */
.wsb-liga-bogen-tabelle th,
.wsb-liga-bogen-tabelle td {
	width: 1%;
	white-space: nowrap;
}

.wsb-liga-bogen-tabelle th.team,
.wsb-liga-bogen-tabelle td.team {
	width: auto;
	white-space: normal;
}

/* Gewonnen : Verloren - Doppelpunkt in allen Zeilen untereinander. */
.wsb-liga-bogen-tabelle .pair {
	text-align: center;
}

.wsb-liga-bogen-tabelle .pair-won {
	text-align: right;
	padding-right: 0.15em;
}

.wsb-liga-bogen-tabelle .pair-sep {
	text-align: center;
	padding-left: 0;
	padding-right: 0;
}

.wsb-liga-bogen-tabelle .pair-lost {
	text-align: left;
	padding-left: 0.15em;
}

/* Keine Linien: weder Rahmen um die Tabelle noch Spalten- oder Zeilenlinien
   (Themes setzen diese oft). */
.wsb-liga-bogen .wsb-liga-bogen-table {
	border: 0 !important;
}

.wsb-liga-bogen .wsb-liga-bogen-table th,
.wsb-liga-bogen .wsb-liga-bogen-table td {
	border: 0 !important;
}

/* Platz: zentriert */
.wsb-liga-bogen-tabelle th.rank,
.wsb-liga-bogen-tabelle td.rank {
	text-align: center;
}

/* Termine: Spalte Nr. zentriert */
.wsb-liga-bogen-table th.nr,
.wsb-liga-bogen-table td.nr {
	text-align: center;
}

/* Terminliste: horizontale Linkliste (Datum über Uhrzeit) */
.wsb-liga-bogen .wsb-liga-bogen-linkliste {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.5em;
	list-style: none;
	margin: 0;
	padding: 0;
}

.wsb-liga-bogen-linkliste-wrap {
	margin: 1.5em 0;
}

.wsb-liga-bogen .wsb-liga-bogen-linkliste li {
	flex: 0 0 12em;
	box-sizing: border-box;
	max-width: 100%;
	margin: 0;
	padding: 0;
}

.wsb-liga-bogen .wsb-liga-bogen-linkliste a {
	display: block;
	box-sizing: border-box;
	padding: 0.6em 0.9em;
	text-align: center;
	line-height: 1.35;
	border-radius: 3px;
	text-decoration: none;
}

/* Verlinkte Einträge: im Ruhezustand grau, beim Überfahren/Fokussieren wie ein Primary-Button
   (Hintergrund = Primary-Hintergrund, Schrift = Primary-Vordergrund).
   Farben lassen sich im Theme über --wsb-liga-bogen-button-bg (Primary-Hintergrund) und
   --wsb-liga-bogen-button-color (Primary-Vordergrund) überschreiben. */
.wsb-liga-bogen .wsb-liga-bogen-linkliste a {
	background: rgba(128, 128, 128, 0.12);
	border: 1px solid transparent;
	font-weight: 400;
	box-shadow: none;
	transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.wsb-liga-bogen .wsb-liga-bogen-linkliste a:hover,
.wsb-liga-bogen .wsb-liga-bogen-linkliste a:focus {
	background: var(--wsb-liga-bogen-button-bg, var(--wp--preset--color--primary, #2271b1));
	color: var(--wsb-liga-bogen-button-color, #fff);
	border-color: var(--wsb-liga-bogen-button-bg, var(--wp--preset--color--primary, #2271b1));
	text-decoration: none;
}

.wsb-liga-bogen .wsb-liga-bogen-linkliste a:focus-visible {
	outline: 2px solid var(--wsb-liga-bogen-button-bg, var(--wp--preset--color--primary, #2271b1));
	outline-offset: 2px;
}

.wsb-liga-bogen-linkliste .wsb-liga-bogen-datum,
.wsb-liga-bogen-linkliste .wsb-liga-bogen-zeit {
	display: block;
}

/* Aufeinanderfolgende Ausgaben des Plugins (z. B. Tabelle und Terminliste) rücken
   enger zusammen. Der Editor fügt zwischen Shortcodes oft einen überflüssigen
   Zeilenumbruch (<br>) ein; der wird hier ausgeblendet. */
.wsb-liga-bogen + br {
	display: none;
}

.wsb-liga-bogen + .wsb-liga-bogen,
.wsb-liga-bogen + br + .wsb-liga-bogen {
	margin-top: -0.75em;
}

/* Mehrliga-Ansicht: je Liga Tabelle und Terminliste, Abstand zwischen den Ligen */
.wsb-liga-bogen-liga {
	margin-bottom: 1em;
}

/* In der Liga-Ansicht kein eigener Außenabstand der Tabelle (Abstand regelt .wsb-liga-bogen-liga). */
.wsb-liga-bogen-liga .wsb-liga-bogen-table-wrap {
	margin: 0;
}

.wsb-liga-bogen-liga:last-child {
	margin-bottom: 0;
}

.wsb-liga-bogen .wsb-liga-bogen-tabelle td.wsb-liga-bogen-stand {
	width: auto;
	padding: 0.1em 0.25em;
	text-align: right;
	white-space: normal;
	font-size: 0.8em;
	line-height: 1.3;
	opacity: 0.75;
}

.wsb-liga-bogen .wsb-liga-bogen-tabelle td.wsb-liga-bogen-fuss {
	width: auto;
	padding: 1em 0.25em;
	white-space: normal;
}

.wsb-liga-bogen-fuss .wsb-liga-bogen-linkliste-wrap {
	margin: 0;
}

/* Ergebnisse eines Spieltags: je Match ein <tbody> mit zwei Zeilen, Hintergrund wechselt nach jedem Match */
.wsb-liga-bogen-runde .score {
	text-align: center;
	min-width: 2em;
}

.wsb-liga-bogen-runde th.rank,
.wsb-liga-bogen-runde td.rank {
	text-align: center;
}

.wsb-liga-bogen-runde .pair-won,
.wsb-liga-bogen-runde .pair-sep,
.wsb-liga-bogen-runde .pair-lost {
	vertical-align: middle;
}

/* Themes färben oft jede zweite Zeile (tr:nth-child(even)) ein; das würde die Matches zerreißen.
   Deshalb Hintergrund je Match für alle Zeilen und Zellen erzwingen. */
.wsb-liga-bogen .wsb-liga-bogen-runde tbody tr,
.wsb-liga-bogen .wsb-liga-bogen-runde tbody tr:nth-child(odd),
.wsb-liga-bogen .wsb-liga-bogen-runde tbody tr:nth-child(even),
.wsb-liga-bogen .wsb-liga-bogen-runde tbody tr > td {
	background: transparent !important;
}

.wsb-liga-bogen .wsb-liga-bogen-runde tbody.match-b tr > td {
	/* Dasselbe Grau wie die Streifen der Tabelle nach Spieltag; nur auf den Zellen, damit es
	   nicht doppelt aufgetragen wird. */
	background: #f7f7f7 !important;
}

/* Die zwei Zeilen eines Matches rücken enger zusammen: unten bei der ersten, oben bei der zweiten
   Scheibe weniger Abstand. Die zusammengefassten Zellen (rowspan) behalten ihren Abstand. */
.wsb-liga-bogen .wsb-liga-bogen-runde tbody tr:first-child > td:not([rowspan]) {
	padding-bottom: 0.1em !important;
}

.wsb-liga-bogen .wsb-liga-bogen-runde tbody tr:last-child > td:not([rowspan]) {
	padding-top: 0.1em !important;
}

/* Zurück-Link in der Spieltag-Ansicht; Sprungziel (Liga-Block) mit etwas Luft nach oben */
.wsb-liga-bogen-zurueck {
	margin: 1em 0;
}

.wsb-liga-bogen-liga {
	scroll-margin-top: 2em;
}