/* THC Core — share bar. Colours come from the child theme's --thc-* tokens, then the
   block theme's presets, then the surrounding text colour (so it also reads correctly
   on a dark background). The group reuses the class name `thc-share`, which THC Search
   styles as a single pill for the Research Desk button, so the group resets those rules. */

.thc-share-wrap {
	margin-block: var(--thc-space-lg, 1.5rem);
}

.thc-share-wrap.alignfull {
	margin-block: 0;
	padding-block: var(--thc-space-md, 1rem);
}

div.thc-share.thc-share-bar {
	align-items: center;
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	color: var(--thc-text, var(--wp--preset--color--contrast, currentColor));
	cursor: auto;
	display: flex;
	flex-wrap: wrap;
	font-size: var(--wp--preset--font-size--small, 0.9375rem);
	font-weight: 400;
	gap: 0.5rem;
	margin: var(--thc-space-md, 1rem) 0;
	padding: 0;
}

.thc-share-wrap div.thc-share.thc-share-bar {
	margin: 0;
}

.thc-share-bar .thc-share__label {
	font-weight: 600;
	margin-inline-end: 0.25rem;
}

.thc-share-bar .thc-share__btn,
.thc-share-bar a.thc-share__btn:visited {
	align-items: center;
	background: var(--thc-surface-raised, var(--wp--preset--color--accent-5, transparent));
	border: 1px solid var(--thc-leaf-deep, var(--wp--preset--color--accent-3, currentColor));
	border-radius: var(--thc-radius-pill, 999px);
	box-shadow: none;
	box-sizing: border-box;
	color: var(--thc-leaf-deep, var(--wp--preset--color--accent-3, currentColor));
	cursor: pointer;
	display: inline-flex;
	font-family: inherit;
	font-size: inherit;
	font-weight: 600;
	gap: 0.45em;
	justify-content: center;
	line-height: 1.2;
	margin: 0;
	min-height: 44px;
	min-width: 44px;
	padding: 0.5rem 1rem;
	text-decoration: none;
	transform: none;
	transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}

.thc-share-bar .thc-share__btn:hover,
.thc-share-bar a.thc-share__btn:hover {
	background: var(--thc-surface-muted, var(--wp--preset--color--accent-4, rgba(127, 127, 127, 0.14)));
	border-color: var(--thc-leaf-deep, var(--wp--preset--color--accent-3, currentColor));
	color: var(--thc-leaf-deep, var(--wp--preset--color--accent-3, currentColor));
	text-decoration: none;
	transform: none;
}

.thc-share-bar .thc-share__btn:focus-visible {
	box-shadow: 0 0 0 2px var(--thc-canvas, var(--wp--preset--color--base, transparent));
	outline: 3px solid var(--thc-leaf-deep, var(--wp--preset--color--accent-3, currentColor));
	outline-offset: 3px;
}

.thc-share-bar .thc-share__btn[hidden] {
	display: none;
}

.thc-share-bar .thc-share__btn svg {
	flex: none;
	height: 1.1em;
	width: 1.1em;
}

.thc-share-bar .thc-share__status {
	color: var(--thc-leaf-deep, var(--wp--preset--color--accent-3, currentColor));
	font-weight: 600;
}

.thc-share-bar .thc-share__sr {
	border: 0;
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

@media (prefers-reduced-motion: reduce) {
	.thc-share-bar .thc-share__btn {
		transition: none;
	}
}

@media (forced-colors: active) {
	.thc-share-bar .thc-share__btn {
		border-color: ButtonText;
	}
}

@media print {
	.thc-share-wrap,
	.thc-share-bar {
		display: none !important;
	}
}