/* Matt's Fit Chef — social share bar */

.mfc-share {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.5rem;
	padding-block: 1.25rem;
}

.mfc-share__label {
	font-size: 0.875rem;
	font-weight: 700;
	color: var(--mfc-text);
	margin-inline-end: 0.25rem;
}

.mfc-share__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.375rem;
	padding: 0.5rem 0.875rem;
	border-radius: 6px;
	font-weight: 500;
	font-size: 0.875rem;
	text-decoration: none;
	transition: opacity 0.15s;
	cursor: pointer;
	border: none;
	min-height: 44px;
	min-width: 44px;
	line-height: 1;
}

.mfc-share__link:hover,
.mfc-share__link:focus-visible {
	opacity: 0.85;
}

.mfc-share__link:focus-visible {
	outline: 2px solid var(--mfc-electric);
	outline-offset: 2px;
}

.mfc-share__link--pinterest {
	background: var(--mfc-social-pinterest, #E60023);
	color: #fff;
}

.mfc-share__link--facebook {
	background: var(--mfc-social-facebook, #1877F2);
	color: #fff;
}

.mfc-share__link--x {
	background: var(--mfc-social-x, #000000);
	color: #fff;
}

.mfc-share__link--email {
	/* Deep, not forest: white on #6B9E78 is ~3.1:1 and fails AA */
	background: var(--mfc-deep);
	color: #fff;
}

.mfc-share__link--print {
	background: var(--mfc-bg-stone);
	color: var(--mfc-text);
	border: 1px solid var(--mfc-border);
}

/* .sr-only comes from style.css (always loaded as a dependency) */

@media print {
	.mfc-share {
		display: none;
	}
}