/**
 * Mobile wide tables — horizontal scroll + hint (M1–M3).
 */

@media (max-width: 767px) {
	.single-sp_player .stm-single-sp_player,
	.single-sp_player .sp-section-content-statistics,
	.single-sp_player .sp-template-player-statistics,
	.single-sp_team .stm-single-sp_team,
	.single-sp_team .sp-section-content-lists,
	.single-sp_team .sp-section-content-tables,
	.single-sp_team .pl-team-transfers {
		max-width: 100%;
		overflow: hidden;
	}

	.single-sp_player .pl-mobile-table-scroll,
	.single-sp_team .pl-mobile-table-scroll {
		position: relative;
		max-width: 100%;
		margin: 0 0 8px;
	}

	.single-sp_player .pl-mobile-table-scroll__hint,
	.single-sp_team .pl-mobile-table-scroll__hint {
		display: flex;
		align-items: center;
		gap: 6px;
		margin: 0 0 8px;
		padding: 8px 12px;
		border-radius: 6px;
		background: rgba(55, 0, 60, 0.06);
		color: #37003c;
		font-size: 12px;
		font-weight: 600;
		line-height: 1.35;
	}

	.single-sp_player .pl-mobile-table-scroll__hint::after,
	.single-sp_team .pl-mobile-table-scroll__hint::after {
		content: "→";
		font-size: 14px;
		line-height: 1;
	}

	.single-sp_player .pl-mobile-table-scroll.is-scrolled .pl-mobile-table-scroll__hint,
	.single-sp_team .pl-mobile-table-scroll.is-scrolled .pl-mobile-table-scroll__hint,
	.single-sp_player .pl-mobile-table-scroll__hint[hidden],
	.single-sp_team .pl-mobile-table-scroll__hint[hidden] {
		display: none !important;
	}

	.single-sp_player .pl-mobile-table-scroll .sp-table-wrapper,
	.single-sp_team .pl-mobile-table-scroll .sp-table-wrapper,
	.single-sp_team .pl-mobile-table-scroll.pl-team-transfers-scroll,
	.single-sp_team .pl-mobile-table-scroll > .pl-team-transfers__table-wrap {
		display: block;
		max-width: 100%;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior-x: contain;
		scrollbar-width: thin;
		scrollbar-color: rgba(55, 0, 60, 0.35) transparent;
	}

	.single-sp_player .pl-mobile-table-scroll .sp-table-wrapper::-webkit-scrollbar,
	.single-sp_team .pl-mobile-table-scroll .sp-table-wrapper::-webkit-scrollbar,
	.single-sp_team .pl-mobile-table-scroll > .pl-team-transfers__table-wrap::-webkit-scrollbar {
		height: 6px;
	}

	.single-sp_player .pl-mobile-table-scroll .sp-table-wrapper::-webkit-scrollbar-thumb,
	.single-sp_team .pl-mobile-table-scroll .sp-table-wrapper::-webkit-scrollbar-thumb,
	.single-sp_team .pl-mobile-table-scroll > .pl-team-transfers__table-wrap::-webkit-scrollbar-thumb {
		border-radius: 999px;
		background: rgba(55, 0, 60, 0.35);
	}

	.single-sp_player .pl-mobile-table-scroll table.sp-data-table,
	.single-sp_team .pl-mobile-table-scroll table.sp-data-table,
	.single-sp_team .pl-mobile-table-scroll table.pl-team-transfers__table {
		width: max-content !important;
		min-width: 100%;
		max-width: none !important;
		margin-bottom: 0;
	}

	.single-sp_player .pl-mobile-table-scroll table.sp-data-table th,
	.single-sp_player .pl-mobile-table-scroll table.sp-data-table td,
	.single-sp_team .pl-mobile-table-scroll table.sp-data-table th,
	.single-sp_team .pl-mobile-table-scroll table.sp-data-table td,
	.single-sp_team .pl-mobile-table-scroll table.pl-team-transfers__table th,
	.single-sp_team .pl-mobile-table-scroll table.pl-team-transfers__table td {
		white-space: nowrap;
		padding: 10px 12px;
		font-size: 13px;
	}

	/* M1: player season stats */
	.single-sp_player .pl-mobile-table-scroll table.sp-player-statistics .data-name,
	.single-sp_player .pl-mobile-table-scroll table.sp-player-statistics .data-team {
		position: sticky;
		z-index: 1;
		background: #fff;
		box-shadow: 2px 0 4px rgba(0, 0, 0, 0.04);
	}

	.single-sp_player .pl-mobile-table-scroll table.sp-player-statistics .data-name {
		left: 0;
	}

	.single-sp_player .pl-mobile-table-scroll table.sp-player-statistics .data-team {
		left: 72px;
	}

	.single-sp_player .pl-mobile-table-scroll table.sp-player-statistics thead .data-name,
	.single-sp_player .pl-mobile-table-scroll table.sp-player-statistics thead .data-team {
		background: #37003c;
		color: #fff;
		box-shadow: 2px 0 4px rgba(0, 0, 0, 0.12);
	}

	/* M2: squad list — compact, hide redundant team column */
	.single-sp_team .pl-mobile-table-scroll table.sp-player-list .data-team {
		display: none;
	}

	.single-sp_team .pl-mobile-table-scroll table.sp-player-list .player-photo img,
	.single-sp_team .pl-mobile-table-scroll table.sp-player-list .player-photo picture {
		width: 32px;
		height: 32px;
	}

	.single-sp_team .pl-mobile-table-scroll table.sp-player-list .data-number,
	.single-sp_team .pl-mobile-table-scroll table.sp-player-list .data-name {
		position: sticky;
		z-index: 1;
		background: #fff;
		box-shadow: 2px 0 4px rgba(0, 0, 0, 0.04);
	}

	.single-sp_team .pl-mobile-table-scroll table.sp-player-list .data-number {
		left: 0;
		min-width: 36px;
	}

	.single-sp_team .pl-mobile-table-scroll table.sp-player-list .data-name {
		left: 36px;
	}

	.single-sp_team .pl-mobile-table-scroll table.sp-player-list thead .data-number,
	.single-sp_team .pl-mobile-table-scroll table.sp-player-list thead .data-name {
		background: #37003c;
		color: #fff;
		box-shadow: 2px 0 4px rgba(0, 0, 0, 0.12);
	}

	/* M2: league table */
	.single-sp_team .pl-mobile-table-scroll table.sp-league-table .data-rank,
	.single-sp_team .pl-mobile-table-scroll table.sp-league-table .data-name {
		position: sticky;
		z-index: 1;
		background: #fff;
		box-shadow: 2px 0 4px rgba(0, 0, 0, 0.04);
	}

	.single-sp_team .pl-mobile-table-scroll table.sp-league-table .data-rank {
		left: 0;
		min-width: 40px;
	}

	.single-sp_team .pl-mobile-table-scroll table.sp-league-table .data-name {
		left: 40px;
	}

	.single-sp_team .pl-mobile-table-scroll table.sp-league-table thead .data-rank,
	.single-sp_team .pl-mobile-table-scroll table.sp-league-table thead .data-name {
		background: #37003c;
		color: #fff;
		box-shadow: 2px 0 4px rgba(0, 0, 0, 0.12);
	}

	.single-sp_team .pl-mobile-table-scroll table.sp-league-table .team-logo img {
		width: 20px;
		height: 20px;
	}

	/* M3: standalone league table page */
	.single-sp_table .stm-single-sp_table,
	.single-sp_table .sp-section-content-data,
	.single-sp_table .sp-template-league-table {
		max-width: 100%;
		overflow: hidden;
	}

	.single-sp_table .pl-mobile-table-scroll {
		position: relative;
		max-width: 100%;
		margin: 0 0 8px;
	}

	.single-sp_table .pl-mobile-table-scroll__hint {
		display: flex;
		align-items: center;
		gap: 6px;
		margin: 0 0 8px;
		padding: 8px 12px;
		border-radius: 6px;
		background: rgba(55, 0, 60, 0.06);
		color: #37003c;
		font-size: 12px;
		font-weight: 600;
		line-height: 1.35;
	}

	.single-sp_table .pl-mobile-table-scroll__hint::after {
		content: "→";
		font-size: 14px;
		line-height: 1;
	}

	.single-sp_table .pl-mobile-table-scroll.is-scrolled .pl-mobile-table-scroll__hint,
	.single-sp_table .pl-mobile-table-scroll__hint[hidden] {
		display: none !important;
	}

	.single-sp_table .pl-mobile-table-scroll .sp-table-wrapper {
		display: block;
		max-width: 100%;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior-x: contain;
		scrollbar-width: thin;
		scrollbar-color: rgba(55, 0, 60, 0.35) transparent;
	}

	.single-sp_table .pl-mobile-table-scroll .sp-table-wrapper::-webkit-scrollbar {
		height: 6px;
	}

	.single-sp_table .pl-mobile-table-scroll .sp-table-wrapper::-webkit-scrollbar-thumb {
		border-radius: 999px;
		background: rgba(55, 0, 60, 0.35);
	}

	.single-sp_table .pl-mobile-table-scroll table.sp-league-table {
		width: max-content !important;
		min-width: 100%;
		max-width: none !important;
		margin-bottom: 0;
	}

	.single-sp_table .pl-mobile-table-scroll table.sp-league-table th,
	.single-sp_table .pl-mobile-table-scroll table.sp-league-table td {
		white-space: nowrap;
		padding: 10px 12px;
		font-size: 13px;
	}

	.single-sp_table .pl-mobile-table-scroll table.sp-league-table .data-rank,
	.single-sp_table .pl-mobile-table-scroll table.sp-league-table .data-name {
		position: sticky;
		z-index: 1;
		background: #fff;
		box-shadow: 2px 0 4px rgba(0, 0, 0, 0.04);
	}

	.single-sp_table .pl-mobile-table-scroll table.sp-league-table .data-rank {
		left: 0;
		min-width: 40px;
	}

	.single-sp_table .pl-mobile-table-scroll table.sp-league-table .data-name {
		left: 40px;
	}

	.single-sp_table .pl-mobile-table-scroll table.sp-league-table thead .data-rank,
	.single-sp_table .pl-mobile-table-scroll table.sp-league-table thead .data-name {
		background: #37003c;
		color: #fff;
		box-shadow: 2px 0 4px rgba(0, 0, 0, 0.12);
	}

	.single-sp_table .pl-mobile-table-scroll table.sp-league-table .team-logo img {
		width: 20px;
		height: 20px;
	}
}