/* Shared wheel-only share row. All surfaces and states use the public ACG tokens. */
.acg-share {
	box-sizing: border-box;
	width: calc(100% - var(--acg-space-6));
	max-width: var(--acg-container-main);
	margin: var(--acg-space-5) auto var(--acg-space-6);
	padding: var(--acg-space-5) var(--acg-space-4) var(--acg-space-3);
	border-top: 1px solid var(--acg-color-border-soft);
	border-radius: var(--acg-radius-large);
	background: var(--acg-color-surface-soft);
	color: var(--acg-color-text-body);
	font-family: var(--acg-font-body);
	text-align: center;
}

.acg-share .acg-share__title {
	margin: 0 0 var(--acg-space-4);
	color: var(--acg-color-text-muted);
	font: 600 var(--acg-text-sm)/var(--acg-leading-body) var(--acg-font-body);
}

.acg-share .acg-share__links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--acg-space-3);
	margin: 0;
	padding: 0;
	list-style: none;
}

.acg-share__links > li {
	margin: 0;
	padding: 0;
}

.acg-share .acg-share__button,
.acg-share .acg-share__button:visited {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	padding: 10px;
	border: 1px solid var(--acg-color-border);
	border-radius: var(--acg-radius-round);
	background: linear-gradient(145deg, var(--acg-color-plum), var(--acg-color-accent-hover));
	box-shadow: var(--acg-shadow-card);
	color: var(--acg-color-text);
	text-decoration: none;
	transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.acg-share .acg-share__button:hover {
	border-color: var(--acg-color-border-strong);
	background: var(--acg-color-accent);
	color: var(--acg-color-text);
	transform: translateY(-2px);
}

.acg-share .acg-share__button:focus-visible {
	outline: 3px solid var(--acg-color-focus);
	outline-offset: 4px;
	box-shadow: var(--acg-shadow-focus);
}

.acg-share__button svg {
	display: block;
	width: 22px;
	height: 22px;
	fill: currentColor;
	pointer-events: none;
}

.acg-share .acg-share__status {
	min-height: 1.5em;
	margin: var(--acg-space-3) 0 0;
	color: var(--acg-color-text-muted);
	font-size: var(--acg-text-xs);
	line-height: var(--acg-leading-body);
}

.acg-share .acg-share__copy:not([hidden]) {
	box-sizing: border-box;
	display: block;
	width: 100%;
	max-width: var(--acg-container-text);
	margin: var(--acg-space-3) auto;
	padding: var(--acg-space-3);
	border: 1px solid var(--acg-color-border);
	border-radius: var(--acg-radius-control);
	background: var(--acg-color-surface-strong);
	color: var(--acg-color-text-body);
	font: inherit;
}

@media (max-width: 480px) {
	.acg-share {
		width: calc(100% - var(--acg-space-5));
	}
	.acg-share .acg-share__links {
		gap: var(--acg-space-2);
	}
}

@media (prefers-reduced-motion: reduce) {
	.acg-share .acg-share__button {
		transition: none;
		transform: none;
	}
}