/*
Ability Esports — Link system.
/docs/UI-PATTERN-LIBRARY.md §6. Six link treatments; the base `a` rule in
base.css stays the generic browser-level default, this file adds the
context-specific treatments so each link type reads correctly for its
context (nav links vs. in-content links vs. a whole card acting as a link).
*/

/*
Inline (in-content) links — underlined by default, not just on hover, so
they stay recognizable without a mouse. Scoped to real editorial content
(.ae-entry__content, the single-post/page body) rather than the whole
document, since nav links/CTA buttons/card links must NOT get this
treatment.
*/
.ae-entry__content a,
.ae-link--inline {
	color: var(--ae-color-brand-primary-bright);
	text-decoration: underline;
	text-decoration-color: currentColor;
}

.ae-entry__content a:hover,
.ae-link--inline:hover {
	color: var(--ae-color-brand-primary);
}

/* Card link — the whole card is the hit area; the title text itself carries no underline. */
.ae-link--card {
	color: inherit;
	text-decoration: none;
}

/* Utility link ("Clear filters", "View all") — styled like the Text button variant, since it's an action, not a destination. */
.ae-link--utility {
	color: var(--ae-color-brand-primary-bright);
	text-decoration: none;
	font-weight: var(--ae-weight-medium);
}

.ae-link--utility:hover {
	text-decoration: underline;
}

/* External / download — same as inline, plus an icon slot before the label. No visited-state styling anywhere in this system (deliberate, per DESIGN-TOKENS.md §6). */
.ae-link--external,
.ae-link--download {
	display: inline-flex;
	align-items: center;
	gap: var(--ae-space-xs);
	color: var(--ae-color-brand-primary-bright);
	text-decoration: underline;
	text-decoration-color: currentColor;
}

.ae-link--external:hover,
.ae-link--download:hover {
	color: var(--ae-color-brand-primary);
}

.ae-link--external svg,
.ae-link--download svg {
	width: 0.875rem;
	height: 0.875rem;
	flex-shrink: 0;
}