/* G6M_HOME_BREAKING_V495 — rainbow contour (continuous pill, no end clipping) */

.g6m-breaking-news--slow .g6m-breaking-news__track {
	animation-duration: 78s !important;
}

.g6m-breaking-news--home {
	--g6m-bn-cyan: #00d7ff;
	--g6m-bn-violet: #8d38ff;
	--g6m-bn-pink: #ff0b8b;
	--g6m-bn-gold: #ffc107;
	--g6m-bn-fill: #0a0814;
	margin-top: 0 !important;
	margin-bottom: 0.45rem !important;
	position: relative;
	z-index: 2;
}

.g6m-breaking-news--home .g6m-breaking-news__inner {
	max-width: 80rem;
}

/*
 * Continuous pill border:
 * outer wrapper paints the rainbow; inner band is opaque fill.
 * Avoids mask/overflow clipping that broke the rounded ends.
 */
.g6m-breaking-news--home .g6m-breaking-news__band {
	position: relative !important;
	isolation: isolate !important;
	display: flex !important;
	align-items: center !important;
	border-radius: 999px !important;
	border: 0 none transparent !important;
	padding: 1.5px !important;
	background:
		linear-gradient(
			90deg,
			#ff0b8b 0%,
			#8d38ff 25%,
			#00d7ff 50%,
			#ffc107 75%,
			#ff0b8b 100%
		) !important;
	background-size: 200% 100% !important;
	animation: g6m-bn-rainbow-flow 12s linear infinite !important;
	box-shadow:
		0 0 12px rgba(255, 11, 139, 0.28),
		0 0 20px rgba(141, 56, 255, 0.2),
		0 0 26px rgba(0, 215, 255, 0.18) !important;
	gap: 0.75rem !important;
	overflow: visible !important;
}

.g6m-breaking-news--home .g6m-breaking-news__band::before {
	content: "" !important;
	position: absolute !important;
	inset: 1.5px !important;
	border-radius: inherit !important;
	background:
		linear-gradient(
			90deg,
			rgba(255, 11, 139, 0.1) 0%,
			rgba(141, 56, 255, 0.12) 40%,
			rgba(0, 215, 255, 0.08) 100%
		),
		var(--g6m-bn-fill) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
	pointer-events: none !important;
	z-index: 0 !important;
}

.g6m-breaking-news--home .g6m-breaking-news__band > * {
	position: relative !important;
	z-index: 1 !important;
}

/* Restore inner spacing now that band padding is the rainbow ring */
.g6m-breaking-news--home .g6m-breaking-news__label,
.g6m-breaking-news--home .g6m-breaking-news__divider,
.g6m-breaking-news--home .g6m-breaking-news__label-alt,
.g6m-breaking-news--home .g6m-breaking-news__track-wrap {
	margin-top: 0.52rem !important;
	margin-bottom: 0.52rem !important;
}

.g6m-breaking-news--home .g6m-breaking-news__label {
	margin-left: 0.85rem !important;
	color: #ff2a2a !important;
	text-shadow: 0 0 12px rgba(255, 42, 42, 0.65) !important;
	letter-spacing: 0.18em !important;
}

.g6m-breaking-news--home .g6m-breaking-news__pulse {
	background: #ff2a2a !important;
	box-shadow: 0 0 10px rgba(255, 42, 42, 0.95) !important;
}

.g6m-breaking-news--home .g6m-breaking-news__divider {
	background: linear-gradient(
		180deg,
		transparent,
		rgba(255, 11, 139, 0.55),
		rgba(0, 215, 255, 0.5),
		transparent
	) !important;
	height: 1.35rem !important;
	align-self: center !important;
}

.g6m-breaking-news--home .g6m-breaking-news__track-wrap {
	margin-right: 0.85rem !important;
	flex: 1 !important;
	min-width: 0 !important;
}

.g6m-breaking-news--home .g6m-breaking-news__track {
	gap: 0 !important;
	align-items: center !important;
}

.g6m-breaking-news--home .g6m-breaking-news__item {
	display: inline-flex !important;
	align-items: center !important;
	gap: 0 !important;
	padding: 0 1.35rem !important;
	position: relative !important;
	color: rgba(245, 245, 247, 0.94) !important;
	font-weight: 600 !important;
	letter-spacing: 0.01em !important;
}

.g6m-breaking-news--home .g6m-breaking-news__item::after {
	content: "" !important;
	position: absolute !important;
	right: 0 !important;
	top: 50% !important;
	width: 5px !important;
	height: 5px !important;
	border-radius: 50% !important;
	transform: translate(50%, -50%) rotate(45deg) !important;
	background: linear-gradient(135deg, var(--g6m-bn-pink), var(--g6m-bn-cyan)) !important;
	box-shadow:
		0 0 8px rgba(255, 11, 139, 0.45),
		0 0 12px rgba(0, 215, 255, 0.35) !important;
}

.g6m-breaking-news--home .g6m-breaking-news__item:hover {
	color: #fff !important;
	text-shadow:
		0 0 8px rgba(255, 11, 139, 0.35),
		0 0 12px rgba(0, 215, 255, 0.35) !important;
}

@keyframes g6m-bn-rainbow-flow {
	0% { background-position: 0% 50%; }
	100% { background-position: 200% 50%; }
}

@media (prefers-reduced-motion: reduce) {
	.g6m-breaking-news--home .g6m-breaking-news__band {
		animation: none !important;
		background-position: 35% 50% !important;
	}

	.g6m-breaking-news--home .g6m-breaking-news__item {
		padding: 0 0.85rem !important;
	}
}