/* Widget de partage social - page d'accueil UNIQUEMENT. Flottant, colle au
   bord droit de l'ecran, colonne verticale (PAS un bandeau horizontal).
   Couleurs officielles de chaque reseau (Facebook, WhatsApp, X) - seule
   exception assumee a la regle habituelle du bleu #375EFB du site. */

.stere-home-share {
	position: fixed;
	top: 50%;
	right: 18px;
	transform: translateY(-50%);
	z-index: 9000;
	transition: opacity 0.15s linear;
}

.stere-home-share__icons {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	/* Pas de fond/carte : un bloc blanc masquait le contenu de la page
	   derriere lui, surtout genant sur mobile ou il pouvait recouvrir des
	   titres. Seules les pastilles de couleur (icones) restent visibles. */
	background-color: transparent;
}

.stere-home-share__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	box-shadow: 0 2px 6px rgba(15, 23, 42, 0.25);
	transition: transform 0.15s ease, box-shadow 0.15s ease;
	text-decoration: none !important;
	flex-shrink: 0;
}

.stere-home-share__icon:hover,
.stere-home-share__icon:focus {
	transform: scale(1.08);
	box-shadow: 0 3px 8px rgba(15, 23, 42, 0.3);
}

.stere-home-share__icon svg {
	display: block;
}

@media (max-width: 767px) {
	.stere-home-share {
		right: 10px;
		/* Ajuste le 09/09/2026 : l'ancrage depuis le bas de l'ecran finissait
		   par chevaucher le titre "Comment ca marche" et coupait l'icone X sur
		   plusieurs telephones. Repositionne desormais au niveau du bouton
		   "Rechercher une entreprise" du hero (top fixe en px, verifie sur
		   360/390/412px de large avec plusieurs hauteurs d'ecran reelles) au
		   lieu d'un ancrage bas qui poussait le widget plus loin dans la page. */
		top: 400px;
		bottom: auto;
		transform: none;
	}
	.stere-home-share__icons {
		gap: 8px;
	}
	.stere-home-share__icon {
		width: 32px;
		height: 32px;
	}
	.stere-home-share__icon svg {
		transform: scale(0.85);
	}
}