/**
 * Premier Liga — sticky Big 6 club strip (mobile only).
 */

@media (min-width: 992px) {
	.pl-mobile-club-bar {
		display: none !important;
	}
}

.pl-mobile-club-bar__list,
.pl-mobile-club-bar__item {
	list-style: none;
}

.pl-mobile-club-bar__item::before,
.pl-mobile-club-bar__item:before {
	display: none !important;
	content: none !important;
}

@media (max-width: 991px) {
	.pl-mobile-club-bar {
		position: sticky;
		top: 0;
		z-index: 9990;
		background: #fff;
		border-bottom: 1px solid #e6e6e6;
		box-shadow: 0 2px 10px rgba(55, 0, 60, 0.08);
	}

	.pl-mobile-club-bar__list {
		display: flex;
		align-items: stretch;
		gap: 4px;
		margin: 0;
		padding: 8px 10px 10px;
		list-style: none;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		scroll-snap-type: x proximity;
		scrollbar-width: none;
	}

	.pl-mobile-club-bar__list::-webkit-scrollbar {
		display: none;
	}

	.pl-mobile-club-bar__item {
		position: static;
		flex: 0 0 auto;
		margin: 0;
		padding: 0;
		scroll-snap-align: start;
	}

	.pl-mobile-club-bar__link {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		min-width: 58px;
		max-width: 72px;
		padding: 4px 6px 2px;
		border-radius: 8px;
		text-decoration: none;
		color: #222;
		transition: background-color 0.18s ease, transform 0.18s ease;
	}

	.pl-mobile-club-bar__link:active {
		transform: scale(0.96);
	}

	.pl-mobile-club-bar__logo {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 40px;
		margin-bottom: 4px;
	}

	.pl-mobile-club-bar__crest {
		display: block;
		width: auto;
		height: auto;
		max-width: 36px;
		max-height: 36px;
	}

	.pl-mobile-club-bar__crest-fallback {
		display: block;
		width: 28px;
		height: 28px;
		border-radius: 50%;
		background: linear-gradient(135deg, #ececec, #d8d8d8);
	}

	.pl-mobile-club-bar__name {
		display: block;
		max-width: 68px;
		font-family: "Fira Sans", sans-serif;
		font-size: 10px;
		font-weight: 600;
		line-height: 1.2;
		text-align: center;
		color: #333;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.pl-mobile-club-bar__item.is-active .pl-mobile-club-bar__link {
		background: rgba(55, 0, 60, 0.08);
	}

	.pl-mobile-club-bar__item.is-active .pl-mobile-club-bar__name {
		color: #37003c;
	}

	.pl-mobile-club-bar__item--all {
		margin-left: 2px;
	}

	.pl-mobile-club-bar__link--all {
		border: 1px dashed #cfcfcf;
		background: #fafafa;
	}

	.pl-mobile-club-bar__all-icon {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 40px;
		margin-bottom: 4px;
		border-radius: 50%;
		background: #37003c;
		color: #fff;
		font-family: "Fira Sans", sans-serif;
		font-size: 11px;
		font-weight: 700;
		line-height: 1;
	}

	.pl-mobile-club-bar__item--all.is-active .pl-mobile-club-bar__link--all {
		border-color: #37003c;
		background: rgba(55, 0, 60, 0.08);
	}

	body.admin-bar .pl-mobile-club-bar {
		top: 46px;
	}

	@media screen and (min-width: 783px) {
		body.admin-bar .pl-mobile-club-bar {
			top: 32px;
		}
	}
}