/* Semantic link collections matching the Genotyp Gutenberg Links block. */

.elementor-widget-sggw-links {
	inline-size: 100%;
}

.sggw-elementor-links__list {
	--sggw-elementor-link-foreground: var(--sggw-link-foreground);

	align-items: var(--sggw-elementor-links-alignment, flex-start);
	column-gap: var(--sggw-elementor-links-column-gap, 16px);
	display: flex;
	inline-size: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	row-gap: var(--sggw-elementor-links-row-gap, 16px);
}

.sggw-elementor-links__list.is-color-text {
	--sggw-elementor-link-foreground: var(--sggw-text);
}

.sggw-elementor-links__list.is-vertical {
	flex-direction: column;
}

.sggw-elementor-links__list.is-horizontal {
	flex-direction: row;
	justify-content: var(--sggw-elementor-links-alignment, flex-start);
}

.sggw-elementor-links__list.is-horizontal.is-wrap {
	flex-wrap: wrap;
}

.sggw-elementor-links__list.is-horizontal.is-nowrap {
	flex-wrap: nowrap;
}

.sggw-elementor-links__item {
	margin: 0;
	min-inline-size: 0;
	padding: 0;
}

.sggw-elementor-link {
	align-items: center;
	color: var(--sggw-elementor-link-foreground, var(--sggw-link-foreground));
	display: inline-flex;
	font: inherit;
	gap: var(--wp--preset--spacing--10, 8px);
	max-inline-size: 100%;
	text-decoration: none;
}

.sggw-elementor-link.is-size-small {
	font-size: var(--wp--preset--font-size--small, 14px);
	line-height: var(--wp--custom--typography--line-height--small, 1.4);
}

.sggw-elementor-link__label {
	min-inline-size: 0;
	overflow-wrap: normal;
	text-decoration-color: currentColor;
	text-decoration-line: var(--sggw-inline-link-decoration-rest, none);
	text-decoration-skip-ink: auto;
	text-decoration-thickness: var(--sggw-link-decoration-thickness, .08em);
	text-underline-offset: var(--sggw-link-underline-offset, .18em);
	word-break: normal;
}

.sggw-elementor-link__icon {
	align-items: center;
	block-size: var(--sggw-icon-size-medium, 24px);
	color: currentColor;
	display: inline-flex;
	flex: 0 0 var(--sggw-icon-size-medium, 24px);
	font-size: var(--sggw-icon-size-medium, 24px);
	inline-size: var(--sggw-icon-size-medium, 24px);
	justify-content: center;
	line-height: 1;
	text-decoration: none;
}

.sggw-elementor-link__icon :is(i, svg) {
	block-size: 1em;
	color: currentColor;
	display: block;
	fill: currentColor;
	font-size: inherit;
	inline-size: 1em;
}

.sggw-elementor-link.is-size-small .sggw-elementor-link__icon {
	block-size: var(--sggw-icon-size-small, 16px);
	flex-basis: var(--sggw-icon-size-small, 16px);
	font-size: var(--sggw-icon-size-small, 16px);
	inline-size: var(--sggw-icon-size-small, 16px);
}

.sggw-elementor-link:is(:visited, :hover, :active, :focus-visible) {
	color: var(--sggw-elementor-link-foreground, var(--sggw-link-foreground));
	text-decoration: none;
}

.sggw-elementor-link:focus:not(:focus-visible) {
	outline: none;
}

.sggw-elementor-link:focus-visible {
	border-radius: var(--wp--custom--radius--x-small, 2px);
	outline: var(--wp--custom--line--focus-ring-width, 3px) solid var(--sggw-line-focus);
	outline-offset: var(--wp--custom--line--focus-ring-offset-compact, 2px);
}

.sggw-elementor-link:is(:active, :focus-visible) .sggw-elementor-link__label {
	text-decoration-line: var(--sggw-link-decoration-interactive, underline);
}

.sggw-elementor-link.is-placeholder {
	color: var(--sggw-text);
}

@media (hover: hover) and (pointer: fine) {
	.sggw-elementor-link[href]:hover .sggw-elementor-link__label {
		text-decoration-line: var(--sggw-link-decoration-interactive, underline);
	}
}

@media (forced-colors: active) {
	.sggw-elementor-link[href] {
		color: LinkText;
		forced-color-adjust: none;
	}

	.sggw-elementor-link[href] .sggw-elementor-link__label {
		text-decoration-line: underline;
	}

	.sggw-elementor-link.is-placeholder {
		color: CanvasText;
	}

	.sggw-elementor-link:focus-visible {
		outline-color: Highlight;
	}
}