.bnutv-cup-banner {
	position: relative;
	z-index: 121;
	background:
		linear-gradient(115deg, rgba(0, 156, 59, 0.16) 0 18%, transparent 18.3%),
		linear-gradient(120deg, transparent 0 68%, rgba(255, 223, 0, 0.22) 68.3% 82%, rgba(0, 39, 118, 0.12) 82.3%),
		rgba(255, 255, 255, 0.96);
	color: #071225;
	border-bottom: 1px solid rgba(0, 39, 118, 0.08);
	box-shadow: 0 10px 34px rgba(0, 39, 118, 0.08);
	backdrop-filter: blur(18px) saturate(160%);
}

.bnutv-cup-banner__inner {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	width: min(100% - 28px, var(--bnutv-max, 1440px));
	min-height: 48px;
	margin: 0 auto;
	font-size: 0.9rem;
	line-height: 1.25;
	text-align: center;
}

.bnutv-cup-flag {
	display: inline-flex;
	width: 48px;
	height: 32px;
	flex: 0 0 auto;
}

.bnutv-cup-flag svg {
	width: 100%;
	height: 100%;
}

.bnutv-cup-kicker {
	display: inline-flex;
	align-items: center;
	min-height: 26px;
	padding: 0 10px;
	border-radius: 999px;
	background: rgba(0, 156, 59, 0.1);
	color: #087a36;
	font-size: 0.76rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	white-space: nowrap;
}

.bnutv-cup-banner strong {
	color: #071225;
	font-weight: 700;
}

body.bnutv-world-cup-status-champion .bnutv-cup-banner {
	background:
		linear-gradient(115deg, rgba(255, 223, 0, 0.24) 0 24%, transparent 24.3%),
		linear-gradient(120deg, transparent 0 72%, rgba(0, 156, 59, 0.18) 72.3%),
		rgba(255, 255, 255, 0.97);
}

body.bnutv-world-cup-status-champion .bnutv-cup-kicker {
	background: rgba(255, 223, 0, 0.28);
	color: #675100;
}

body.bnutv-world-cup-status-out .bnutv-cup-banner {
	background: rgba(255, 255, 255, 0.96);
}

body.bnutv-world-cup-status-out .bnutv-cup-kicker {
	background: rgba(15, 23, 42, 0.07);
	color: #334155;
}

body.bnutv-world-cup-active::before {
	background:
		radial-gradient(circle at 14% 8%, rgba(0, 156, 59, 0.13), transparent 28%),
		radial-gradient(circle at 86% 12%, rgba(255, 223, 0, 0.18), transparent 24%),
		radial-gradient(circle at 75% 72%, rgba(0, 39, 118, 0.1), transparent 24%),
		linear-gradient(180deg, #ffffff 0%, #f6faf6 48%, #eef6fb 100%);
}

body.bnutv-world-cup-active .site-header {
	border-bottom-color: rgba(0, 156, 59, 0.18);
}

body.bnutv-world-cup-active .brand-live {
	background: linear-gradient(180deg, #009c3b 0%, #087a36 100%);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.22), 0 8px 20px rgba(0, 156, 59, 0.22);
}

body.bnutv-world-cup-active .home-live::before {
	background: rgba(0, 156, 59, 0.12);
}

body.bnutv-world-cup-active .home-live::after {
	background: rgba(255, 223, 0, 0.18);
	box-shadow:
		-96px -132px 0 rgba(0, 39, 118, 0.08),
		-260px 148px 0 rgba(0, 156, 59, 0.08);
}

body.bnutv-world-cup-active .home-welcome .eyebrow::after,
body.bnutv-world-cup-active .section-heading .eyebrow::after {
	content: " 2026";
	color: #009c3b;
}

body.bnutv-world-cup-active .home-player,
body.bnutv-world-cup-active .camera-card,
body.bnutv-world-cup-active .content-shell {
	border-color: rgba(0, 156, 59, 0.14);
	box-shadow: 0 24px 70px rgba(0, 39, 118, 0.1);
}

body.bnutv-world-cup-active .home-cta-strip::after,
body.bnutv-world-cup-active .camera-card::after {
	background: rgba(255, 223, 0, 0.18);
}

body.bnutv-world-cup-active .home-youtube-button:hover,
body.bnutv-world-cup-active .button-primary:hover {
	background: #009c3b;
}

@media (max-width: 640px) {
	.bnutv-cup-banner__inner {
		flex-wrap: wrap;
		gap: 7px 9px;
		min-height: 56px;
		padding: 8px 0;
		font-size: 0.82rem;
	}

	.bnutv-cup-kicker {
		font-size: 0.68rem;
	}

}