/**
 * VERHI lightweight social share row - v3.5.157
 *
 * Scoped to .verhi-share only. Uses the child theme palette with fallbacks
 * so the row still looks clean if the visual core CSS is not present.
 */

.verhi-share {
	margin-top: 2.5rem;
	padding-top: 1.5rem;
	border-top: 1px solid var(--vh-line, #e3ebf5);
}

.verhi-share__title {
	margin: 0 0 0.85rem;
	font-size: 0.78rem;
	font-weight: 800;
	text-transform: uppercase;
	color: var(--vh-muted, #5b6b80);
}

.verhi-share__list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.verhi-share__item {
	margin: 0;
}

.verhi-share__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 40px;
	padding: 8px 15px;
	border: 1px solid var(--vh-line, #e3ebf5);
	border-radius: 999px;
	background: var(--vh-card, #ffffff);
	color: var(--vh-ink, #16324f);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
	transition:
		background 0.18s ease,
		border-color 0.18s ease,
		color 0.18s ease,
		transform 0.18s ease;
}

.verhi-share__link:hover,
.verhi-share__link:focus-visible {
	background: var(--vh-soft-blue, #eaf3ff);
	border-color: var(--vh-blue, #2f6fd6);
	color: var(--vh-red, #c7000b);
	transform: translateY(-1px);
	outline: none;
}

.verhi-share__link svg {
	flex: none;
}

.verhi-share__link--copied,
.verhi-share__link--copied:hover {
	background: var(--vh-soft, #f5f8fd);
	border-color: var(--vh-red, #c7000b);
	color: var(--vh-red, #c7000b);
	transform: none;
}

.verhi-share__link--print:hover,
.verhi-share__link--print:focus-visible {
	background: var(--vh-soft-blue, #eaf3ff);
	border-color: var(--vh-blue, #2f6fd6);
	color: var(--vh-blue, #2f6fd6);
}

/* Share rail: rendered after the content. Wide desktop moves it into the
   left margin as a sticky vertical rail, aligned with the content top and
   bounded by the main content column so it follows the article through to
   the end of the comment area. Smaller
   screens keep it as a compact row above the tags and never sticky. */
.verhi-share-rail {
	display: block;
	margin: 0;
}

body .verhi-share--floating,
body.single .verhi-share--floating {
	position: static !important;
	margin: 2.5rem 0 0;
	padding: 1.25rem 0 0;
	border: 0;
	border-top: 1px solid var(--vh-line, #e3ebf5);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}

.verhi-share--floating .verhi-share__title {
	display: none;
}

.verhi-share--floating .verhi-share__list {
	flex-direction: row;
	flex-wrap: wrap;
	gap: 8px;
}

.entry-content .verhi-share--floating .verhi-share__list {
	padding-left: 0;
	margin-left: 0;
	list-style: none;
}

.verhi-share--floating .verhi-share__label {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.verhi-share--floating .verhi-share__link {
	width: 40px;
	height: 40px;
	padding: 0;
}

@media (min-width: 1600px) {
	body.single #main .content-wrap {
		position: relative;
	}

	.verhi-share-rail {
		position: absolute;
		top: 0;
		bottom: 0;
		left: calc(-1 * (15px + 62px));
		width: 62px;
		pointer-events: none;
	}

	body .verhi-share--floating,
	body.single .verhi-share--floating {
		position: sticky !important;
		top: 120px;
		margin: 0;
		padding: 12px 8px;
		border: 1px solid var(--vh-line, #e3ebf5);
		border-radius: 18px;
		background: rgba(255, 255, 255, 0.92);
		box-shadow: 0 12px 30px rgba(22, 50, 79, 0.12);
		backdrop-filter: blur(8px);
		-webkit-backdrop-filter: blur(8px);
		pointer-events: auto;
	}

	.verhi-share--floating .verhi-share__title {
		display: block;
		margin: 0 0 8px;
		text-align: center;
	}

	.verhi-share--floating .verhi-share__list {
		flex-direction: column;
		gap: 8px;
	}

	.verhi-share--floating .verhi-share__link {
		width: 44px;
		height: 44px;
	}
}