/*
 * Icônes sociales Elementor : au survol la pastille changeait de gabarit et l'icône
 * sautait hors de son centre. Font Awesome tourne ici en mode SVG (svg-with-js) et les
 * pastilles sont des inline-flex : toute variation de police ou d'alignement au survol
 * déplaçait l'ensemble. On fige donc entièrement la géométrie — état normal et survol
 * partagent les mêmes valeurs — et on ne laisse varier que la luminosité.
 */

.elementor-widget-social-icons .elementor-grid-item,
.elementor-widget-social-icons .elementor-social-icon,
.elementor-widget-social-icons .elementor-social-icon:hover,
.elementor-widget-social-icons .elementor-social-icon:focus,
.elementor-widget-social-icons .elementor-social-icon:active {
	vertical-align: middle !important;
}

.elementor-widget-social-icons .elementor-social-icon,
.elementor-widget-social-icons .elementor-social-icon:hover,
.elementor-widget-social-icons .elementor-social-icon:focus,
.elementor-widget-social-icons .elementor-social-icon:active {
	box-sizing: border-box !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	position: relative !important;
	width: calc(var(--icon-size, 25px) + 2 * var(--icon-padding, 0.5em)) !important;
	height: calc(var(--icon-size, 25px) + 2 * var(--icon-padding, 0.5em)) !important;
	font-size: var(--icon-size, 25px) !important;
	line-height: var(--icon-size, 25px) !important;
	font-weight: 400 !important;
	font-synthesis-weight: none;
	text-align: center !important;
	padding: 0 !important;
	border-width: 0 !important;
	transform: none !important;
}

.elementor-widget-social-icons.elementor-shape-circle .elementor-social-icon,
.elementor-widget-social-icons.elementor-shape-circle .elementor-social-icon:hover,
.elementor-widget-social-icons.elementor-shape-circle .elementor-social-icon:focus {
	border-radius: 50% !important;
}

.elementor-widget-social-icons .elementor-social-icon i,
.elementor-widget-social-icons .elementor-social-icon svg,
.elementor-widget-social-icons .elementor-social-icon:hover i,
.elementor-widget-social-icons .elementor-social-icon:hover svg,
.elementor-widget-social-icons .elementor-social-icon:focus i,
.elementor-widget-social-icons .elementor-social-icon:focus svg {
	display: block !important;
	position: relative !important;
	inset: auto !important;
	width: 1em !important;
	height: 1em !important;
	max-width: 1em !important;
	max-height: 1em !important;
	font-size: inherit !important;
	line-height: 1 !important;
	font-weight: 400 !important;
	font-synthesis-weight: none;
	vertical-align: middle !important;
	margin: 0 !important;
	padding: 0 !important;
	transform: none !important;
	flex: 0 0 auto !important;
}

/* Couleurs de marque. Instagram n'a pas de couleur unie officielle : dégradé de la marque. */
.elementor-widget-social-icons .elementor-social-icon-linkedin,
.elementor-widget-social-icons .elementor-social-icon-linkedin-in {
	background-color: #0a66c2 !important;
}

.elementor-widget-social-icons .elementor-social-icon-youtube {
	background-color: #ff0000 !important;
}

.elementor-widget-social-icons .elementor-social-icon-instagram {
	background-color: #d6249f !important;
	background-image: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%) !important;
}

.elementor-widget-social-icons .elementor-social-icon-facebook,
.elementor-widget-social-icons .elementor-social-icon-facebook-f {
	background-color: #1877f2 !important;
}

.elementor-widget-social-icons .elementor-social-icon i,
.elementor-widget-social-icons .elementor-social-icon svg {
	color: #fff !important;
	fill: #fff !important;
}

/* Surlignage seul : la luminosité ne touche pas au gabarit. */
.elementor-widget-social-icons .elementor-social-icon {
	transition: filter 0.18s ease !important;
}

.elementor-widget-social-icons .elementor-social-icon:hover,
.elementor-widget-social-icons .elementor-social-icon:focus {
	filter: brightness(1.18);
}

/*
 * Le thème Patara applique « a:focus, a:hover { font-weight: 700 } » à tous les liens.
 * Les polices d'icônes n'existent qu'en graisse 400 : le navigateur synthétiserait un
 * faux gras. On rétablit la graisse d'origine sur les icônes uniquement.
 */
a:hover .fab,
a:focus .fab,
a:hover .fas,
a:focus .fas,
a:hover .far,
a:focus .far,
a:hover .fa,
a:focus .fa,
a:hover [class^="ti-"],
a:focus [class^="ti-"],
a:hover [class*=" ti-"],
a:focus [class*=" ti-"],
a:hover .eicon,
a:focus .eicon {
	font-weight: 400;
	font-synthesis-weight: none;
}