/**
 * Share Article bar -- replaces the b-social-share plugin's block. Deliberately
 * leaves h6 typography (font-size/weight/color) to Kadence's own heading styles,
 * same as the plugin's original markup did, rather than reasserting values here
 * that would just have to be kept in sync with the theme separately.
 */

.ts-share {
	margin: 0 0 28px;
}

.ts-share-label {
	margin: 0 0 10px;
}

/**
 * Scoped as `.ts-share .ts-share-list`, not just `.ts-share-list` -- Kadence's
 * own content.min.css has `.single-content ul, .single-content ol {
 * padding-left: 2em; margin: 0 0 var(--global-md-spacing) }` (its real list
 * styling, for actual bulleted content), at specificity (0,1,1). A single
 * class alone is (0,1,0), which that rule beats regardless of stylesheet
 * order -- confirmed via getComputedStyle + matching cssRules in a live
 * browser check on staging (2026-07-15): padding-left was landing at 34px
 * and margin-left at 0, i.e. Kadence's rule fully winning, not a caching or
 * load-order issue as first assumed. Nesting under `.ts-share` (0,2,0)
 * unambiguously outranks it.
 */
.ts-share .ts-share-list {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 14px;
	list-style: none;
	/* -10px cancels out .ts-share-icon's 10px padding (the touch-target inset)
	   so the first icon's glyph lines up flush with the label/text above it,
	   rather than sitting visibly indented from it. */
	margin: 0 0 0 -10px;
	padding: 0;
}

.ts-share-item {
	margin: 0;
}

.ts-share-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	padding: 10px;
	border-radius: 50%;
	transition: background-color 0.15s ease;
}

.ts-share-icon:hover,
.ts-share-icon:focus-visible {
	background-color: rgba(13, 37, 69, 0.08);
}

.ts-share-icon svg {
	width: 28px;
	height: 28px;
	display: block;
}