/* === SOCIAL MEDIA ICONS (footer) – Lucide N&B, couleur au survol === */
.sfooter ul.social-links,
ul.social-links {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.7rem;
}

.sfooter ul.social-links li,
ul.social-links li {
	list-style: none;
	display: inline-flex;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
}

.sfooter ul.social-links li a,
ul.social-links li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: auto;
	height: auto;
	padding: 0;
	border-radius: 0;
	color: var(--c-dark);
	background: none;
	box-shadow: none;
	transform: none;
	transition: color 0.2s ease, filter 0.2s ease;
}

.sfooter ul.social-links li a:hover,
ul.social-links li a:hover {
	transform: none;
	background: none;
	box-shadow: none;
	color: var(--social-color, var(--c-fresh));
}

.sfooter ul.social-links .social-icon,
ul.social-links .social-icon {
	display: block;
	width: 36px;
	height: 36px;
	background-color: currentColor;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
}

.sfooter ul.social-links .social-icon-img,
ul.social-links .social-icon-img {
	width: 36px;
	height: 36px;
	object-fit: contain;
	filter: brightness(0);
	transition: filter 0.2s ease;
}

.sfooter ul.social-links li a:hover .social-icon-img,
ul.social-links li a:hover .social-icon-img {
	filter: none;
}