/**
 * Noxora Modular Header Personalities
 * Shared header framework with distinct module personalities
 * 
 * Modules:
 * - Pro: Luxury, executive, dark graphite with gold accents
 * - Tube: Creator-focused, modern, video platform, soft red accents
 * - Story: Social, dynamic, Instagram-like, colorful highlights
 * - Community: Discord/Reddit-inspired, soft blue-violet accents
 * - Discover: Pinterest/Behance-inspired, AI search, cyan accents
 * 
 * @package Noxora\DesignSystem
 */

/* ─────────────────────────────────────────────
   BASE HEADER FRAMEWORK
   ───────────────────────────────────────────── */
.nx-ecosystem-header {
	--nx-header-accent: var(--nx-gold);
	--nx-header-bg: var(--nx-glass-bg);
	--nx-header-bg-scrolled: var(--nx-glass-bg-strong);
	--nx-header-glass-blur: var(--nx-glass-blur);
	--nx-header-glass-blur-scrolled: var(--nx-glass-blur-strong);
	--nx-header-border: var(--nx-glass-border);
	--nx-header-shadow: var(--nx-shadow-xl);
	
	background: var(--nx-header-bg);
	-webkit-backdrop-filter: blur(var(--nx-header-glass-blur)) saturate(140%);
	backdrop-filter: blur(var(--nx-header-glass-blur)) saturate(140%);
	border-bottom: 1px solid var(--nx-header-border);
	box-shadow: var(--nx-header-shadow), var(--nx-shadow-inset);
	transition: background 0.35s var(--nx-ease-out), 
		backdrop-filter 0.35s var(--nx-ease-out),
		box-shadow 0.35s var(--nx-ease-out);
}

/* Discover Button - Premium CTA */
.nx-ecosystem-header__discover-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.6rem 1.2rem;
	background: linear-gradient(135deg, var(--nx-header-accent), var(--nx-gold));
	color: #0a0a0e;
	font-weight: 600;
	font-size: 0.85rem;
	border-radius: 8px;
	text-decoration: none;
	transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
	box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3);
	position: relative;
	overflow: hidden;
}

.nx-ecosystem-header__discover-btn::before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
	transition: left 0.5s ease;
}

.nx-ecosystem-header__discover-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(212, 175, 55, 0.4);
}

.nx-ecosystem-header__discover-btn:hover::before {
	left: 100%;
}

.nx-ecosystem-header__discover-btn:active {
	transform: translateY(0);
}

.nx-ecosystem-header.is-scrolled {
	background: var(--nx-header-bg-scrolled);
	-webkit-backdrop-filter: blur(var(--nx-header-glass-blur-scrolled)) saturate(150%);
	backdrop-filter: blur(var(--nx-header-glass-blur-scrolled)) saturate(150%);
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6), var(--nx-shadow-inset);
}

/* ─────────────────────────────────────────────
   PRO HEADER PERSONALITY
   Luxury, executive, dark graphite with gold accents
   Behavior: Minimal, business-focused, prestige indicators
   ───────────────────────────────────────────── */
.nx-ecosystem-header--pro {
	--nx-header-accent: var(--nx-accent-pro);
	--nx-header-bg: rgba(18, 18, 20, 0.65);
	--nx-header-bg-scrolled: rgba(14, 14, 17, 0.82);
	--nx-header-glass-blur: 22px;
	--nx-header-glass-blur-scrolled: 30px;
	--nx-header-border: rgba(255, 255, 255, 0.08);
	--nx-header-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
}

.nx-ecosystem-header--pro .nx-ecosystem-header__module-tag {
	background: var(--nx-grad-gold);
	color: #0a0a0e;
	box-shadow: 0 4px 14px rgba(212, 175, 55, 0.3);
	font-weight: 700;
	letter-spacing: 0.05em;
}

.nx-ecosystem-header--pro .nx-ecosystem-header__link {
	border-radius: var(--nx-radius-md);
	background: rgba(255, 255, 255, 0.02);
	transition: transform 0.25s var(--nx-ease-out), 
		background 0.25s var(--nx-ease-out),
		border-color 0.25s var(--nx-ease-out),
		box-shadow 0.25s var(--nx-ease-out);
	font-weight: 500;
}

.nx-ecosystem-header--pro .nx-ecosystem-header__link:hover {
	transform: translateY(-2px);
	background: var(--nx-grad-gold-soft);
	border-color: var(--nx-gold-line);
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(212, 175, 55, 0.15);
	color: #f6e6b8;
}

.nx-ecosystem-header--pro .nx-ecosystem-header__link.is-active {
	background: linear-gradient(135deg, rgba(212, 175, 55, 0.28), rgba(212, 175, 55, 0.12));
	border-color: var(--nx-gold-line);
	color: #f8ecc4;
	box-shadow: var(--nx-shadow-inset-gold), 0 6px 18px rgba(212, 175, 55, 0.16);
	font-weight: 600;
}

.nx-ecosystem-header--pro .nx-ecosystem-header__brand {
	filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.18));
	transition: filter 0.3s var(--nx-ease-out), transform 0.3s var(--nx-ease-out);
}

.nx-ecosystem-header--pro .nx-ecosystem-header__brand:hover {
	filter: drop-shadow(0 0 16px rgba(212, 175, 55, 0.4));
	transform: translateY(-1px);
}

/* Pro-specific: Executive prestige indicator */
.nx-ecosystem-header--pro::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 60px;
	height: 2px;
	background: linear-gradient(90deg, transparent, #d4af37, transparent);
	opacity: 0.6;
}

/* ─────────────────────────────────────────────
   TUBE HEADER PERSONALITY
   Creator-focused, modern, video platform, soft red accents
   ───────────────────────────────────────────── */
.nx-ecosystem-header--tube {
	--nx-header-accent: var(--nx-accent-tube);
	--nx-header-bg: rgba(20, 10, 15, 0.65);
	--nx-header-bg-scrolled: rgba(15, 8, 12, 0.82);
	--nx-header-glass-blur: 20px;
	--nx-header-glass-blur-scrolled: 28px;
	--nx-header-border: rgba(255, 71, 87, 0.15);
	--nx-header-shadow: 0 8px 32px rgba(255, 71, 87, 0.15);
}

.nx-ecosystem-header--tube .nx-ecosystem-header__module-tag {
	background: linear-gradient(135deg, #ff6b8a, #ff4757);
	color: #0a0a0e;
	box-shadow: 0 4px 14px rgba(255, 71, 87, 0.3);
	font-weight: 700;
	letter-spacing: 0.05em;
	animation: nx-tube-pulse 2s ease-in-out infinite;
}

@keyframes nx-tube-pulse {
	0%, 100% {
		box-shadow: 0 4px 14px rgba(255, 71, 87, 0.3);
	}
	50% {
		box-shadow: 0 4px 20px rgba(255, 71, 87, 0.5);
	}
}

.nx-ecosystem-header--tube .nx-ecosystem-header__link {
	border-radius: var(--nx-radius-md);
	transition: transform 0.25s var(--nx-ease-out), 
		background 0.25s var(--nx-ease-out);
}

.nx-ecosystem-header--tube .nx-ecosystem-header__link:hover {
	transform: translateY(-2px) scale(1.02);
	background: linear-gradient(135deg, rgba(255, 71, 87, 0.16), rgba(255, 71, 87, 0.06));
	border-color: rgba(255, 71, 87, 0.3);
	color: #ffb3c1;
}

.nx-ecosystem-header--tube .nx-ecosystem-header__link.is-active {
	background: linear-gradient(135deg, rgba(255, 71, 87, 0.2), rgba(255, 71, 87, 0.1));
	border-color: rgba(255, 71, 87, 0.4);
	color: #ff8fa3;
	font-weight: 600;
}

/* Tube-specific: Live broadcast indicator */
.nx-ecosystem-header--tube::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 80px;
	height: 3px;
	background: linear-gradient(90deg, transparent, #ff4757, transparent);
	animation: nx-tube-live 1.5s ease-in-out infinite;
}

@keyframes nx-tube-live {
	0%, 100% {
		opacity: 0.5;
		width: 60px;
	}
	50% {
		opacity: 1;
		width: 100px;
	}
}

/* Animated play indicator for Tube */
.nx-ecosystem-header--tube .nx-ecosystem-header__brand::after {
	content: "";
	position: absolute;
	width: 8px;
	height: 8px;
	background: var(--nx-accent-tube);
	border-radius: 50%;
	top: -2px;
	right: -2px;
	animation: nx-tube-pulse 2s ease-in-out infinite;
}

@keyframes nx-tube-pulse {
	0%, 100% { transform: scale(1); opacity: 1; }
	50% { transform: scale(1.5); opacity: 0.5; }
}

/* ─────────────────────────────────────────────
   STORY HEADER PERSONALITY
   Social, dynamic, Instagram-like, colorful highlights
   ───────────────────────────────────────────── */
.nx-ecosystem-header--story {
	--nx-header-accent: var(--nx-accent-story);
	--nx-header-bg: rgba(20, 10, 15, 0.65);
	--nx-header-bg-scrolled: rgba(15, 8, 12, 0.82);
	--nx-header-glass-blur: 18px;
	--nx-header-glass-blur-scrolled: 26px;
	--nx-header-border: rgba(255, 107, 157, 0.15);
	--nx-header-shadow: 0 8px 32px rgba(255, 107, 157, 0.15);
}

.nx-ecosystem-header--story .nx-ecosystem-header__module-tag {
	background: linear-gradient(135deg, #ff9ec4, #ff6b9d);
	color: #0a0a0e;
	box-shadow: 0 4px 14px rgba(255, 107, 157, 0.3);
	font-weight: 700;
	letter-spacing: 0.05em;
	position: relative;
}

.nx-ecosystem-header--story .nx-ecosystem-header__module-tag::before {
	content: "";
	position: absolute;
	inset: -2px;
	background: linear-gradient(135deg, #ff9ec4, #ff6b9d, #ff9ec4);
	border-radius: inherit;
	z-index: -1;
	animation: nx-story-ring 3s linear infinite;
}

@keyframes nx-story-ring {
	0% {
		opacity: 0.5;
		transform: scale(1);
	}
	50% {
		opacity: 1;
		transform: scale(1.1);
	}
	100% {
		opacity: 0.5;
		transform: scale(1);
	}
}

.nx-ecosystem-header--story .nx-ecosystem-header__link {
	border-radius: var(--nx-radius-lg);
	transition: transform 0.25s var(--nx-ease-out), 
		background 0.25s var(--nx-ease-out);
}

.nx-ecosystem-header--story .nx-ecosystem-header__link:hover {
	transform: translateY(-2px) scale(1.02);
	background: linear-gradient(135deg, rgba(255, 107, 157, 0.16), rgba(255, 107, 157, 0.06));
	border-color: rgba(255, 107, 157, 0.3);
	color: #ffcce0;
}

.nx-ecosystem-header--story .nx-ecosystem-header__link.is-active {
	background: linear-gradient(135deg, rgba(255, 107, 157, 0.2), rgba(255, 107, 157, 0.1));
	border-color: rgba(255, 107, 157, 0.4);
	color: #ffb3d1;
}

/* Story progress indicator style */
.nx-ecosystem-header--story .nx-ecosystem-header__link::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 2px;
	background: var(--nx-accent-story);
	border-radius: 2px;
	transition: width 0.3s var(--nx-ease-out);
}

.nx-ecosystem-header--story .nx-ecosystem-header__link:hover::before,
.nx-ecosystem-header--story .nx-ecosystem-header__link.is-active::before {
	width: 80%;
}

/* ─────────────────────────────────────────────
   COMMUNITY HEADER PERSONALITY
   Discord/Reddit-inspired, soft blue-violet accents
   ───────────────────────────────────────────── */
.nx-ecosystem-header--community {
	--nx-header-accent: var(--nx-accent-community);
	--nx-header-bg: rgba(15, 10, 20, 0.65);
	--nx-header-bg-scrolled: rgba(12, 8, 16, 0.82);
	--nx-header-glass-blur: 20px;
	--nx-header-glass-blur-scrolled: 28px;
	--nx-header-border: rgba(138, 43, 226, 0.15);
	--nx-header-shadow: 0 8px 32px rgba(138, 43, 226, 0.15);
}

.nx-ecosystem-header--community .nx-ecosystem-header__module-tag {
	background: linear-gradient(135deg, #a855f7, #8a2be2);
	color: #0a0a0e;
	box-shadow: 0 4px 14px rgba(138, 43, 226, 0.3);
	font-weight: 700;
	letter-spacing: 0.05em;
	position: relative;
}

.nx-ecosystem-header--community .nx-ecosystem-header__module-tag::after {
	content: "";
	position: absolute;
	top: -4px;
	right: -4px;
	width: 10px;
	height: 10px;
	background: #2ecc71;
	border-radius: 50%;
	border: 2px solid #0a0a0e;
	box-shadow: 0 0 8px rgba(46, 204, 113, 0.6);
	animation: nx-community-online 2s ease-in-out infinite;
}

@keyframes nx-community-online {
	0%, 100% {
		opacity: 1;
		transform: scale(1);
	}
	50% {
		opacity: 0.7;
		transform: scale(1.2);
	}
}

.nx-ecosystem-header--community .nx-ecosystem-header__link {
	border-radius: var(--nx-radius-md);
	transition: transform 0.25s var(--nx-ease-out), 
		background 0.25s var(--nx-ease-out);
}

.nx-ecosystem-header--community .nx-ecosystem-header__link:hover {
	transform: translateY(-2px) scale(1.02);
	background: linear-gradient(135deg, rgba(138, 43, 226, 0.16), rgba(138, 43, 226, 0.06));
	border-color: rgba(138, 43, 226, 0.3);
	color: #c4b5fd;
}

.nx-ecosystem-header--community .nx-ecosystem-header__link.is-active {
	background: linear-gradient(135deg, rgba(138, 43, 226, 0.2), rgba(138, 43, 226, 0.1));
	border-color: rgba(138, 43, 226, 0.4);
	color: #ddd6fe;
}

/* Online indicator dot for Community */
.nx-ecosystem-header--community .nx-ecosystem-header__brand::after {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	background: #2ecc71;
	border: 2px solid var(--nx-bg-main);
	border-radius: 50%;
	top: -3px;
	right: -3px;
}

/* ─────────────────────────────────────────────
   DISCOVER HEADER PERSONALITY
   Pinterest/Behance-inspired, AI search, cyan accents
   ───────────────────────────────────────────── */
.nx-ecosystem-header--discover {
	--nx-header-accent: var(--nx-accent-discover);
	--nx-header-bg: rgba(10, 15, 20, 0.65);
	--nx-header-bg-scrolled: rgba(8, 12, 16, 0.82);
	--nx-header-glass-blur: 22px;
	--nx-header-glass-blur-scrolled: 30px;
	--nx-header-border: rgba(0, 240, 255, 0.15);
	--nx-header-shadow: 0 8px 32px rgba(0, 240, 255, 0.15);
}

.nx-ecosystem-header--discover .nx-ecosystem-header__module-tag {
	background: linear-gradient(135deg, #00f0ff, #00c8d4);
	color: #0a0a0e;
	box-shadow: 0 4px 14px rgba(0, 240, 255, 0.3);
	font-weight: 700;
	letter-spacing: 0.05em;
	position: relative;
}

.nx-ecosystem-header--discover .nx-ecosystem-header__module-tag::before {
	content: "";
	position: absolute;
	inset: -2px;
	background: linear-gradient(135deg, #00f0ff, #00c8d4, #00f0ff);
	border-radius: inherit;
	z-index: -1;
	animation: nx-discover-ai 2s linear infinite;
}

@keyframes nx-discover-ai {
	0% {
		opacity: 0.3;
		transform: scale(1);
	}
	50% {
		opacity: 0.8;
		transform: scale(1.15);
	}
	100% {
		opacity: 0.3;
		transform: scale(1);
	}
}

.nx-ecosystem-header--discover .nx-ecosystem-header__link {
	border-radius: var(--nx-radius-md);
	transition: transform 0.25s var(--nx-ease-out), 
		background 0.25s var(--nx-ease-out);
}

.nx-ecosystem-header--discover .nx-ecosystem-header__link:hover {
	transform: translateY(-2px) scale(1.02);
	background: linear-gradient(135deg, rgba(0, 240, 255, 0.16), rgba(0, 240, 255, 0.06));
	border-color: rgba(0, 240, 255, 0.3);
	color: #b3f5ff;
	box-shadow: 0 4px 12px rgba(0, 240, 255, 0.15);
}

.nx-ecosystem-header--discover .nx-ecosystem-header__link.is-active {
	background: linear-gradient(135deg, rgba(0, 240, 255, 0.2), rgba(0, 240, 255, 0.1));
	border-color: rgba(0, 240, 255, 0.4);
	color: #000000;
	font-weight: 700;
	box-shadow: 0 4px 12px rgba(0, 240, 255, 0.2);
}

/* AI search glow for Discover - softened */
.nx-ecosystem-header--discover .nx-ecosystem-header__brand {
	filter: drop-shadow(0 0 4px rgba(0, 240, 255, 0.15));
	transition: filter 0.3s var(--nx-ease-out);
}

.nx-ecosystem-header--discover .nx-ecosystem-header__brand:hover {
	filter: drop-shadow(0 0 8px rgba(0, 240, 255, 0.25));
}

/* ─────────────────────────────────────────────
   RESPONSIVE HEADER FIXES
   Prevent overlap, collisions, adaptive overflow
   ───────────────────────────────────────────── */

/* Ultrawide displays (1920px+) */
@media (min-width: 1920px) {
	.nx-ecosystem-header__inner {
		max-width: 1800px;
		margin: 0 auto;
	}
	
	.nx-ecosystem-header__link {
		padding: 0.6rem 1.25rem;
		font-size: 0.95rem;
	}
}

/* Large desktop (1600px - 1919px) */
@media (min-width: 1600px) and (max-width: 1919px) {
	.nx-ecosystem-header__inner {
		max-width: 1500px;
		margin: 0 auto;
	}
	
	.nx-ecosystem-header__link {
		padding: 0.6rem 1rem;
	}
}

/* Desktop (1200px - 1599px) */
@media (min-width: 1200px) and (max-width: 1599px) {
	.nx-ecosystem-header__link {
		padding: 0.5rem 0.85rem;
		font-size: 0.9rem;
	}
	
	.nx-ecosystem-header__module-tag {
		font-size: 0.75rem;
		padding: 0.25rem 0.5rem;
	}
}

/* Laptop (992px - 1199px) - adaptive overflow starts */
@media (min-width: 992px) and (max-width: 1199px) {
	.nx-ecosystem-header__nav {
		overflow-x: auto;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
		flex: 1;
		margin: 0 1rem;
	}
	
	.nx-ecosystem-header__nav::-webkit-scrollbar {
		display: none;
	}
	
	.nx-ecosystem-header__link {
		white-space: nowrap;
		flex-shrink: 0;
		padding: 0.4rem 0.75rem;
		font-size: 0.875rem;
	}
	
	.nx-ecosystem-header__icon-btn {
		padding: 0.5rem;
	}
	
	.nx-ecosystem-header__module-tag {
		font-size: 0.7rem;
		padding: 0.2rem 0.4rem;
	}
}

/* Tablet landscape (768px - 991px) - show burger, hide nav */
@media (min-width: 768px) and (max-width: 991px) {
	.nx-ecosystem-header__nav {
		display: none;
	}
	
	.nx-ecosystem-header__burger {
		display: inline-flex;
	}
	
	.nx-ecosystem-header__brand-wrap {
		flex: 1;
	}
	
	.nx-ecosystem-header__actions {
		gap: 0.5rem;
	}
	
	.nx-ecosystem-header__icon-btn {
		padding: 0.5rem;
	}
	
	.nx-ecosystem-header__module-tag {
		font-size: 0.7rem;
		padding: 0.2rem 0.4rem;
	}
}

/* Tablet portrait (576px - 767px) */
@media (min-width: 576px) and (max-width: 767px) {
	.nx-ecosystem-header__nav {
		display: none;
	}
	
	.nx-ecosystem-header__burger {
		display: inline-flex;
	}
	
	.nx-ecosystem-header__brand-wrap {
		flex: 1;
	}
	
	.nx-ecosystem-header__actions {
		gap: 0.4rem;
	}
	
	.nx-ecosystem-header__icon-btn {
		padding: 0.45rem;
	}
	
	.nx-ecosystem-header__module-tag {
		font-size: 0.65rem;
		padding: 0.15rem 0.35rem;
	}
	
	.nx-ecosystem-header__brand {
		font-size: 1.1rem;
	}
}

/* Mobile (375px - 575px) */
@media (min-width: 375px) and (max-width: 575px) {
	.nx-ecosystem-header__nav {
		display: none;
	}
	
	.nx-ecosystem-header__burger {
		display: inline-flex;
	}
	
	.nx-ecosystem-header__brand-wrap {
		flex: 1;
	}
	
	.nx-ecosystem-header__actions {
		gap: 0.35rem;
	}
	
	.nx-ecosystem-header__icon-btn {
		padding: 0.4rem;
	}
	
	.nx-ecosystem-header__module-tag {
		font-size: 0.6rem;
		padding: 0.1rem 0.3rem;
	}
	
	.nx-ecosystem-header__brand {
		font-size: 1rem;
	}
	
	/* Hide search and support on very small screens */
	.nx-ecosystem-header__icon-btn[data-nx-search-open],
	.nx-ecosystem-header__icon-btn[data-nx-support-open] {
		display: none;
	}
}

/* Small mobile (< 375px) */
@media (max-width: 374px) {
	.nx-ecosystem-header__nav {
		display: none;
	}
	
	.nx-ecosystem-header__burger {
		display: inline-flex;
	}
	
	.nx-ecosystem-header__brand-wrap {
		flex: 1;
	}
	
	.nx-ecosystem-header__actions {
		gap: 0.3rem;
	}
	
	.nx-ecosystem-header__icon-btn {
		padding: 0.35rem;
	}
	
	.nx-ecosystem-header__module-tag {
		display: none;
	}
	
	.nx-ecosystem-header__brand {
		font-size: 0.95rem;
	}
	
	/* Hide search, support, and notifications on very small screens */
	.nx-ecosystem-header__icon-btn[data-nx-search-open],
	.nx-ecosystem-header__icon-btn[data-nx-support-open],
	.nx-ecosystem-header__notifications-bell {
		display: none;
	}
}

/* ─────────────────────────────────────────────
   TEXT CONTRAST IMPROVEMENTS
   Ensure all header text is readable against dark backgrounds
   ───────────────────────────────────────────── */
.nx-ecosystem-header {
	color: #f8f6f2;
}

.nx-ecosystem-header__link {
	color: #ffffff !important;
	font-size: 0.9rem !important;
	font-weight: 500 !important;
	text-shadow: none;
	opacity: 1 !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
}

.nx-ecosystem-header__link:hover {
	color: #ffffff !important;
	text-shadow: none;
}

.nx-ecosystem-header__link.is-active {
	color: #ffffff !important;
	font-weight: 700 !important;
	text-shadow: none;
}

.nx-ecosystem-header__brand {
	color: #ffffff !important;
	text-shadow: none;
}

.nx-ecosystem-header__module-tag {
	color: #ffffff !important;
	text-shadow: none;
	font-weight: 700;
}

.nx-ecosystem-header__icon-btn {
	color: #ffffff !important;
	text-shadow: none;
}

.nx-ecosystem-header__icon-btn:hover {
	color: #ffffff !important;
	text-shadow: none;
}

/* Module-specific text contrast adjustments - Active states use light text on dark backgrounds */
.nx-ecosystem-header--pro .nx-ecosystem-header__link {
	color: #ffffff !important;
	text-shadow: none;
}

.nx-ecosystem-header--pro .nx-ecosystem-header__link:hover {
	color: #f8ecc4 !important;
	text-shadow: none;
}

.nx-ecosystem-header--pro .nx-ecosystem-header__link.is-active {
	color: #ffffff !important;
	font-weight: 700 !important;
	text-shadow: none;
}

.nx-ecosystem-header--tube .nx-ecosystem-header__link {
	color: #ffffff !important;
	text-shadow: none;
}

.nx-ecosystem-header--tube .nx-ecosystem-header__link:hover {
	color: #ffb3c1 !important;
	text-shadow: none;
}

.nx-ecosystem-header--tube .nx-ecosystem-header__link.is-active {
	color: #ffffff !important;
	font-weight: 700 !important;
	text-shadow: none;
}

.nx-ecosystem-header--story .nx-ecosystem-header__link {
	color: #ffffff !important;
	text-shadow: none;
}

.nx-ecosystem-header--story .nx-ecosystem-header__link:hover {
	color: #ffcce0 !important;
	text-shadow: none;
}

.nx-ecosystem-header--story .nx-ecosystem-header__link.is-active {
	color: #ffffff !important;
	font-weight: 700 !important;
	text-shadow: none;
}

.nx-ecosystem-header--community .nx-ecosystem-header__link {
	color: #ffffff !important;
	text-shadow: none;
}

.nx-ecosystem-header--community .nx-ecosystem-header__link:hover {
	color: #c4b5fd !important;
	text-shadow: none;
}

.nx-ecosystem-header--community .nx-ecosystem-header__link.is-active {
	color: #ffffff !important;
	font-weight: 700 !important;
	text-shadow: none;
}

.nx-ecosystem-header--discover .nx-ecosystem-header__link {
	color: #ffffff !important;
	text-shadow: none;
}

.nx-ecosystem-header--discover .nx-ecosystem-header__link:hover {
	color: #b3f5ff !important;
	text-shadow: none;
}

.nx-ecosystem-header--discover .nx-ecosystem-header__link.is-active {
	color: #ffffff !important;
	font-weight: 700 !important;
	text-shadow: none;
}

/* ─────────────────────────────────────────────
   REDUCED MOTION
   ───────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
	.nx-ecosystem-header,
	.nx-ecosystem-header *,
	.nx-ecosystem-header *::before,
	.nx-ecosystem-header *::after {
		animation-duration: 0.001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.001ms !important;
	}
	
	@keyframes nx-tube-pulse {
		0%, 100% { transform: scale(1); opacity: 1; }
		50% { transform: scale(1); opacity: 1; }
	}
}