/* Cadre flottant « Suivez-moi » (includes/reseaux.php) */
.vg-suivre{
	--vg-violet:#9a5e9a;--vg-violet-fonce:#653e65;--vg-lavande:#e8d9ec;
	position:fixed;right:0;top:50%;z-index:9980;
	display:flex;align-items:stretch;
	transform:translate(0,-50%);
	background:rgba(255,255,255,.82);
	-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);
	border:1px solid var(--vg-lavande);border-right:0;border-radius:22px 0 0 22px;
	box-shadow:0 10px 30px rgba(101,62,101,.16),0 2px 6px rgba(101,62,101,.08);
	animation:vg-suivre-entree .9s cubic-bezier(.2,.8,.2,1) 1.2s both;
	transition:transform .45s cubic-bezier(.2,.8,.2,1);
}
.vg-suivre:before{ /* liseré dégradé côté gauche */
	content:"";position:absolute;left:-1px;top:18px;bottom:18px;width:3px;border-radius:3px;
	background:linear-gradient(180deg,#c9a9cf,var(--vg-violet),#c9a9cf);
}
/* entrée animée sur « translate » : « transform » reste libre pour replier le cadre */
@keyframes vg-suivre-entree{from{translate:110% 0;opacity:0}to{translate:0 0;opacity:1}}

/* Onglet : cœur + titre vertical, sert aussi à replier / déplier */
.vg-suivre__onglet{
	display:flex;flex-direction:column;align-items:center;gap:10px;
	margin:0;padding:14px 8px 16px 12px;border:0;background:none;cursor:pointer;
	color:var(--vg-violet-fonce);font:inherit;line-height:1;border-radius:22px 0 0 22px;
}
.vg-suivre__onglet:focus-visible{outline:2px solid var(--vg-violet);outline-offset:-4px}
.vg-suivre__coeur{display:inline-flex;width:16px;height:16px;color:var(--vg-violet);animation:vg-suivre-battement 3.2s ease-in-out 2.4s infinite}
.vg-suivre__coeur svg{width:100%;height:100%}
.vg-suivre__titre{
	writing-mode:vertical-rl;transform:rotate(180deg);
	font-family:"Dancing Script",cursive;font-weight:700;font-size:20px;letter-spacing:.5px;white-space:nowrap;
}
@keyframes vg-suivre-battement{0%,60%,100%{transform:scale(1)}30%{transform:scale(1.18)}45%{transform:scale(.96)}}

/* Boutons */
.vg-suivre__liens{list-style:none;margin:0;padding:12px 12px 12px 4px;display:flex;flex-direction:column;justify-content:center;gap:9px}
.vg-suivre__liens li{margin:0;padding:0}
.vg-suivre__lien{
	position:relative;display:flex;align-items:center;justify-content:center;
	width:40px;height:40px;border-radius:50%;
	color:var(--vg-violet)!important;background:#fff;border:1.5px solid var(--vg-lavande);
	text-decoration:none!important;
	transition:transform .25s ease,background-color .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease;
}
.vg-suivre__lien svg{width:18px;height:18px}
.vg-suivre__lien:hover,.vg-suivre__lien:focus-visible{
	color:#fff!important;background:var(--vg-marque,var(--vg-violet));border-color:var(--vg-marque,var(--vg-violet));
	transform:translateX(-3px) scale(1.08);box-shadow:0 6px 16px rgba(0,0,0,.18);outline:none;
}
/* Nom du réseau en bulle à gauche */
.vg-suivre__lien:after{
	content:attr(data-nom);position:absolute;right:calc(100% + 12px);top:50%;
	transform:translate(6px,-50%);opacity:0;pointer-events:none;white-space:nowrap;
	padding:5px 10px;border-radius:12px;background:var(--vg-violet-fonce);color:#fff;font-size:13px;line-height:1.2;
	transition:opacity .2s ease,transform .2s ease;
}
.vg-suivre__lien:hover:after,.vg-suivre__lien:focus-visible:after{opacity:1;transform:translate(0,-50%)}

/* Replié : seul l'onglet dépasse */
.vg-suivre--replie{transform:translate(calc(100% - 44px),-50%)}
.vg-suivre--replie .vg-suivre__liens{visibility:hidden;transition:visibility 0s .45s}

/* Téléphone : plus compact, replié par défaut (voir reseaux.js) */
@media (max-width:767px){
	.vg-suivre{top:auto;bottom:84px;transform:none;border-radius:18px 0 0 18px}
	.vg-suivre--replie{transform:translateX(calc(100% - 38px))}
	.vg-suivre__onglet{padding:10px 6px 12px 10px;gap:8px}
	.vg-suivre__titre{font-size:17px}
	.vg-suivre__liens{padding:10px 10px 10px 2px;gap:7px}
	.vg-suivre__lien{width:34px;height:34px}
	.vg-suivre__lien svg{width:16px;height:16px}
	.vg-suivre__lien:after{display:none}
}
@media (prefers-reduced-motion:reduce){
	.vg-suivre,.vg-suivre__coeur{animation:none}
	.vg-suivre,.vg-suivre__lien{transition:none}
}
@media print{.vg-suivre{display:none}}