/**
 * ARC social share buttons — site-wide restyle.
 * The plugin renders share links with Font Awesome <i> glyphs (.share-buttons
 * .btn > i.fa-...) whose brand-font glyphs don't load, showing empty boxes.
 * We replace them with brand SVG icons via CSS mask (no font dependency) and
 * give each pill a tidy, brand-coloured hover. Loads on all pages.
 */
.share-buttons.btn-group,
.share-buttons.share-group {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;   /* centre the cluster, don't stretch full width */
	gap: 10px;
}
.share-buttons.btn-group-vertical {
	flex-direction: column;
	align-items: center;
}

/* Remove the framing border/box around the flat share row.
   Scoped to the share wrapper, its row and its column only — so it never
   touches the profile cards or other bordered sections on the page. */
.share-flat,
.share-flat .share-buttons,
.share-buttons.btn-group,
:where(div):has(> .share-flat),
:where(div):has(> div > .share-flat) {
	border: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
}

/* "SHARE" label before the flat row */
.share-buttons.btn-group::before {
	content: "SHARE";
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .14em;
	color: #93a199;
	margin-right: 6px;
}

/* Circular, icon-only buttons */
.share-buttons .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 42px !important;  /* override Bootstrap's flex:1 1 auto (it loads later) */
	width: 42px !important;
	height: 42px !important;
	min-width: 0 !important;
	max-width: 42px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid #d7ddd3 !important;
	border-radius: 50% !important;
	background: #fff !important;
	color: #0a3d47 !important;
	line-height: 1;
	text-decoration: none !important;
	box-shadow: 0 1px 2px rgba(16, 48, 46, .04);
	transition: background .18s ease, color .18s ease, border-color .18s ease,
		transform .18s ease, box-shadow .18s ease;
}
.share-buttons .btn:hover,
.share-buttons .btn:focus-visible {
	background: var(--arc-share-brand, #0a3d47) !important;
	border-color: var(--arc-share-brand, #0a3d47) !important;
	transform: translateY(-2px);
	box-shadow: 0 10px 20px -10px var(--arc-share-brand, rgba(16, 48, 46, .6));
}
.share-buttons .btn:focus-visible {
	outline: 2px solid var(--arc-share-brand, #0a3d47);
	outline-offset: 2px;
}

/* Icon: brand SVG via mask, follows --arc-share-brand; FA glyph suppressed */
.share-buttons .btn i {
	width: 19px;
	height: 19px;
	flex: 0 0 auto;
	display: inline-block;
	background-color: var(--arc-share-brand, #0a3d47);
	-webkit-mask: var(--arc-share-ic) center / contain no-repeat;
	mask: var(--arc-share-ic) center / contain no-repeat;
}
.share-buttons .btn i::before { content: none !important; }
.share-buttons .btn:hover i,
.share-buttons .btn:focus-visible i { background-color: #fff; }

/* Hide the text label visually, keep it for screen readers */
.share-buttons .dc-font-share {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}

.share-buttons .btn:has(.fa-facebook-f) { --arc-share-brand: #1877F2; --arc-share-ic: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M13.5%2022v-8h2.7l.4-3.2h-3.1V8.7c0-.9.26-1.6%201.6-1.6h1.7V4.25C16.2%204.2%2015.2%204.1%2014%204.1c-2.4%200-4%201.45-4%204.12v2.58H7.2V14h2.8v8z%27%2F%3E%3C%2Fsvg%3E"); }
.share-buttons .btn:has(.fa-x-twitter) { --arc-share-brand: #10171d; --arc-share-ic: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M17.7%203h3.06l-6.69%207.65L22%2021h-6.16l-4.82-6.3L5.5%2021H2.43l7.16-8.18L2%203h6.32l4.36%205.77zM16.62%2019.2h1.7L7.46%204.7H5.64z%27%2F%3E%3C%2Fsvg%3E"); }
.share-buttons .btn:has(.fa-linkedin) { --arc-share-brand: #0A66C2; --arc-share-ic: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M6.94%205a2%202%200%201%201-4.001.001A2%202%200%200%201%206.94%205zM3.3%208.6h3.3V21H3.3zM9.3%208.6h3.16v1.7h.05c.44-.83%201.5-1.7%203.1-1.7%203.3%200%203.92%202.17%203.92%205V21h-3.3v-5.5c0-1.31-.03-3-1.85-3-1.85%200-2.13%201.44-2.13%202.92V21H9.3z%27%2F%3E%3C%2Fsvg%3E"); }
.share-buttons .btn:has(.fa-whatsapp) { --arc-share-brand: #25D366; --arc-share-ic: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M12%202a10%2010%200%200%200-8.52%2015.28L2%2022l4.86-1.43A10%2010%200%201%200%2012%202zm0%2018.2a8.2%208.2%200%200%201-4.18-1.14l-.3-.18-2.88.85.86-2.8-.2-.32A8.2%208.2%200%201%201%2012%2020.2zm4.5-6.13c-.25-.12-1.46-.72-1.69-.8-.22-.08-.39-.12-.55.13-.16.25-.63.8-.77.96-.14.16-.28.18-.53.06-.25-.12-1.04-.38-1.98-1.22-.73-.65-1.23-1.46-1.37-1.71-.14-.25-.02-.38.11-.5.11-.11.25-.28.37-.42.12-.14.16-.25.25-.41.08-.16.04-.31-.02-.43-.06-.12-.55-1.33-.76-1.82-.2-.48-.4-.41-.55-.42h-.47c-.16%200-.42.06-.64.31-.22.25-.84.82-.84%202.01s.86%202.33.98%202.49c.12.16%201.7%202.6%204.12%203.64.57.25%201.02.4%201.37.5.58.19%201.1.16%201.51.1.46-.07%201.46-.6%201.66-1.17.21-.58.21-1.07.14-1.17-.06-.11-.22-.17-.47-.29z%27%2F%3E%3C%2Fsvg%3E"); }
.share-buttons .btn:has(.fa-envelope) { --arc-share-brand: #0a3d47; --arc-share-ic: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M3%205h18a1%201%200%200%201%201%201v12a1%201%200%200%201-1%201H3a1%201%200%200%201-1-1V6a1%201%200%200%201%201-1zm9%207.1L4.2%207H3.9v.6L12%2013l8.1-5.4V7h-.3z%27%2F%3E%3C%2Fsvg%3E"); }