/**
 * Wobi v2 - bloc « Nous suivre » du pied de page.
 *
 * Le fond orange, les marges, l'arrondi et l'ombre sont regles dans
 * Elementor sur le conteneur, donc modifiables sans toucher au code. Cette
 * feuille ne porte que ce qui ne se regle pas enfant par enfant depuis
 * l'interface : les couleurs du titre, des pastilles sociales et du bouton,
 * qui doivent toutes passer en blanc sur fond orange.
 */

/* ---------- Titre ---------- */

body .v2-footer__suivre .v2-footer__titre .elementor-heading-title {
	color: #fff;
}

/* ---------- Pastilles des reseaux sociaux ---------- */

/*
 * Six icones dans une colonne de 22 % : en file, elles deborderaient ou
 * casseraient en 5 + 1. Une grille de trois colonnes donne deux rangees
 * regulieres.
 */
body .v2-footer__suivre .v2-social .elementor-social-icons-wrapper {
	display: grid;
	grid-template-columns: repeat(3, 38px);
	gap: 10px;
	justify-content: start;
}

body .v2-footer__suivre .v2-social .elementor-grid-item {
	margin: 0 !important;
}

body .v2-footer__suivre .v2-social .elementor-social-icon {
	background: rgba(255, 255, 255, .18) !important;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .34);
	width: 38px;
	height: 38px;
}

body .v2-footer__suivre .v2-social .elementor-social-icon svg {
	fill: #fff;
}

body .v2-footer__suivre .v2-social .elementor-social-icon:hover {
	background: #fff !important;
	box-shadow: none;
	transform: translateY(-3px);
}

body .v2-footer__suivre .v2-social .elementor-social-icon:hover svg {
	fill: var(--v2-orange);
}

/* ---------- Bouton « Nous contacter » ---------- */

/*
 * Il etait orange plein : invisible sur le nouveau fond. Il s'inverse en
 * blanc, ce qui en fait aussi l'element le plus contraste du pied de page.
 */
body .v2-footer__suivre .v2-btn--primaire .elementor-button {
	background: #fff !important;
	color: var(--v2-orange-dark) !important;
	box-shadow: none !important;
}

body .v2-footer__suivre .v2-btn--primaire .elementor-button:hover {
	background: var(--v2-ink) !important;
	color: #fff !important;
}

body .v2-footer__suivre .v2-btn--primaire .elementor-button svg {
	fill: currentColor !important;
}

/* ---------- Respect des preferences d'animation ---------- */

@media (prefers-reduced-motion: reduce) {
	body .v2-footer__suivre .v2-social .elementor-social-icon {
		transition: none !important;
		transform: none !important;
	}
}