/**
 * Premium Link Styles - Gradient Text & Transitions
 * 
 * @package Noxora\DesignSystem
 */

/* ─────────────────────────────────────────────
   PREMIUM LINK STYLES
   ───────────────────────────────────────────── */
.nx-link,
.ns-tube-card__link,
.ns-story-card__link,
.nx-comm-card__link,
.nx-disc-card__link {
	color: var(--nx-accent);
	text-decoration: none;
	transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
	background: linear-gradient(135deg, var(--nx-accent), var(--nx-gold));
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-size: 200% 200%;
	position: relative;
}

.nx-link:hover,
.ns-tube-card__link:hover,
.ns-story-card__link:hover,
.nx-comm-card__link:hover,
.nx-disc-card__link:hover {
	background-position: 100% 100%;
	transform: translateY(-1px);
}

/* ─────────────────────────────────────────────
   HEADER NAV LINKS — solid readable text (no gradient clip)
   Gradient text clipping made labels invisible on the dark header.
   ───────────────────────────────────────────── */
.nx-ecosystem-header__link {
	color: #94a3b8 !important;
	background: transparent !important;
	background-clip: border-box !important;
	-webkit-background-clip: border-box !important;
	-webkit-text-fill-color: currentColor !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	letter-spacing: 0.3px !important;
	text-indent: 0 !important;
	visibility: visible !important;
	transition: color 0.3s ease, background-color 0.3s ease !important;
}

.nx-ecosystem-header__link:hover,
.nx-ecosystem-header__link.is-active,
.nx-ecosystem-header__link[aria-current="page"] {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	background-color: rgba(255, 255, 255, 0.05) !important;
	border-radius: 8px;
	transform: translateY(-1px);
}

/* Card title links */
.ns-tube-card__title a,
.ns-story-card__title a,
.nx-comm-card__title a,
.nx-disc-card__title a {
	background: linear-gradient(135deg, #f8f6f2, #d4af37);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-size: 200% 200%;
	transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

.ns-tube-card__title a:hover,
.ns-story-card__title a:hover,
.nx-comm-card__title a:hover,
.nx-disc-card__title a:hover {
	background-position: 100% 100%;
	transform: translateY(-1px);
}

/* Module-specific card title gradients */
.ns-tube-card__title a {
	background: linear-gradient(135deg, #f8f6f2, #ff4757);
}

.ns-story-card__title a {
	background: linear-gradient(135deg, #f8f6f2, #ff6b9d);
}

.nx-comm-card__title a {
	background: linear-gradient(135deg, #f8f6f2, #8a2be2);
}

.nx-disc-card__title a {
	background: linear-gradient(135deg, #f8f6f2, #00f0ff);
}