/**
 * Anchor Links - Hover reveal styling
 */

.has-anchor-link {
	position: relative;
	cursor: pointer;
	user-select: none;
}

.anchor-link-icon {
	display: inline-block;
	vertical-align: middle;
	margin-left: 0.5em;
	width: 1em;
	height: 1em;
	max-width: 28px;
	max-height: 28px;
	opacity: 0;
	transition: opacity 0.2s ease, color 0.2s ease;
	color: currentColor;
}

.has-anchor-link:hover .anchor-link-icon,
.has-anchor-link:focus-within .anchor-link-icon {
	opacity: 0.6;
}

.has-anchor-link:hover .anchor-link-icon:hover {
	opacity: 1;
}

/* Visual feedback when copied */
.anchor-link-icon.copied {
	opacity: 1 !important;
	color: #22c55e; /* Green color for success */
}