#header .social {
	display: none;
	background: none;
}

@media (min-width:800px) {
	#header .social {
		align-self: flex-start;
		margin-left: auto;
		display: block;
		position: sticky;
		top: calc(6px + var(--wp-admin--admin-bar--height, 0));
		z-index: 99;
	}

	#header .social > ul > li {
		font-size: var(--vef-header-socials-font-size);

	}

	#header .social > ul > li > span {
		background: white;
		color: inherit;
	}

	#header .social > ul > li > span:hover,
	#header .social > ul > li > span:focus-visible {
		background: var(--vef-couleur-dominante, #393939);
		color: white;
		cursor: pointer;
	}

	#header.compact .social {
		align-self: unset;
	}

}


@media (min-width:1200px) {
	#header .social {
		right: calc((100vw - var(--vef-max-width)) / 2);
	}
}