/**
 * League table Short / Full toggle (PL.com style).
 */

.pl-league-table-view,
.stm-league-wrap .pl-league-table-view {
	margin: 0 0 16px;
}

.sp-league-table .data-name a,
.stm-single-league .sp-league-table .data-name a {
	font-size: 13px;
	line-height: 1.25;
}

.sp-league-table .team-logo img,
.stm-single-league .stm-league-table-team-logo img,
.stm-single-league .sp-league-table .team-logo img {
	width: 20px;
	height: 20px;
	max-width: 20px;
	max-height: 20px;
}

.pl-league-table-view__toolbar {
	display: inline-flex;
	margin: 0 0 10px;
	padding: 3px;
	border-radius: 999px;
	background: rgba(55, 0, 60, 0.08);
}

.pl-league-table-view__btn {
	margin: 0;
	padding: 7px 16px;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: #37003c;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.2;
	cursor: pointer;
}

.pl-league-table-view__btn.is-active {
	background: #37003c;
	color: #fff;
}

.pl-league-table-view__btn:focus-visible {
	outline: 2px solid #37003c;
	outline-offset: 2px;
}

/* Short view: Pl, W, D, GD, Pts (+ rank, team) */
.pl-league-table-view--short table.sp-league-table .data-l,
.pl-league-table-view--short table.sp-league-table .data-f,
.pl-league-table-view--short table.sp-league-table .data-a {
	display: none;
}

.pl-league-table-view--short table.sp-league-table {
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100%;
}

.pl-league-table-view--short .sp-table-wrapper {
	overflow-x: visible;
	max-width: 100%;
}

.pl-league-table-view--short .pl-mobile-table-scroll__hint {
	display: none !important;
}

@media (max-width: 767px) {
	.pl-league-table-view--short .pl-mobile-table-scroll .sp-table-wrapper {
		overflow-x: visible;
	}

	.pl-league-table-view--short .pl-mobile-table-scroll table.sp-league-table .data-rank,
	.pl-league-table-view--short .pl-mobile-table-scroll table.sp-league-table .data-name {
		position: static;
		box-shadow: none;
	}

	.pl-league-table-view--short .pl-mobile-table-scroll table.sp-league-table thead .data-rank,
	.pl-league-table-view--short .pl-mobile-table-scroll table.sp-league-table thead .data-name {
		box-shadow: none;
	}

	.pl-league-table-view--short .pl-mobile-table-scroll table.sp-league-table th,
	.pl-league-table-view--short .pl-mobile-table-scroll table.sp-league-table td {
		padding: 8px 6px;
		font-size: 12px;
	}

	.pl-league-table-view--short .pl-mobile-table-scroll table.sp-league-table .data-name a {
		font-size: 12px;
	}
}

@media (min-width: 768px) {
	.pl-league-table-view--short table.sp-league-table th,
	.pl-league-table-view--short table.sp-league-table td {
		padding: 10px 8px;
	}
}