/*!
 * All-Safe Social Feed 1.0.6: social media icons ([allsafe_social_icons]).
 * Icons are images (the default chrome hexagon SVGs or uploads from the
 * Media Library) shown at their own proportions inside a square box.
 * Scoped to .asff-social; transparent background; theme rules do not leak in.
 */

.asff-social.asff-social {
	--asff-social-size: 48px;
	--asff-social-gap: 12px;
	--asff-social-cur: var(--asff-social-size);

	all: revert;
	display: block;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	line-height: 0;
}

.asff-social.asff-social *,
.asff-social.asff-social *::before,
.asff-social.asff-social *::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	box-shadow: none;
	text-shadow: none;
	float: none;
}

.asff-social.asff-social .asff-social__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	gap: var(--asff-social-gap);
	list-style: none;
}

.asff-social.asff-social--center .asff-social__list {
	justify-content: center;
}

.asff-social.asff-social--right .asff-social__list {
	justify-content: flex-end;
}

.asff-social.asff-social .asff-social__item {
	display: block;
	list-style: none;
	line-height: 0;
}

.asff-social.asff-social .asff-social__item::before,
.asff-social.asff-social .asff-social__item::marker {
	content: none;
}

.asff-social.asff-social .asff-social__item[hidden] {
	display: none !important;
}

.asff-social.asff-social .asff-social__link {
	display: block;
	width: var(--asff-social-cur);
	height: var(--asff-social-cur);
	color: inherit;
	text-decoration: none;
	cursor: pointer;
	border-radius: 30%;
	transition: transform 0.18s ease, filter 0.18s ease;
}

.asff-social.asff-social--hover-lift .asff-social__link:hover,
.asff-social.asff-social--hover-lift .asff-social__link:focus-visible {
	transform: translateY(-3px);
}

.asff-social.asff-social--hover-grow .asff-social__link:hover,
.asff-social.asff-social--hover-grow .asff-social__link:focus-visible {
	transform: scale(1.1);
}

.asff-social.asff-social--hover-glow .asff-social__link:hover,
.asff-social.asff-social--hover-glow .asff-social__link:focus-visible {
	filter: brightness(1.12) saturate(1.1);
}

.asff-social.asff-social .asff-social__link:focus:not(:focus-visible) {
	outline: none;
}

.asff-social.asff-social .asff-social__link:focus-visible {
	outline: 3px solid #1877f2;
	outline-offset: 3px;
}

.asff-social.asff-social .asff-social__img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	max-height: none;
	object-fit: contain;
	border-radius: 0;
	box-shadow: none;
}

/* Mobile icon size (also used by the admin "Mobile" preview). */
@media (max-width: 600px) {

	.asff-social.asff-social {
		--asff-social-cur: var(--asff-social-size-mobile, var(--asff-social-size));
	}
}

.asff-social.asff-social.asff-social--force-mobile {
	--asff-social-cur: var(--asff-social-size-mobile, var(--asff-social-size));
}

@media (prefers-reduced-motion: reduce) {

	.asff-social.asff-social .asff-social__link {
		transition: none;
	}

	.asff-social.asff-social .asff-social__link:hover,
	.asff-social.asff-social .asff-social__link:focus-visible {
		transform: none;
	}
}
