/* ------------------------------------------------------------------
   Boutons de partage Facebook / X (templates/partage.tpl)
   Fichier à part plutôt que dans style.css : VERSION n'évolue pas en
   prod (conf/config.php n'est pas déployé), une nouvelle URL évite
   que des navigateurs gardent l'ancienne feuille en cache.
   Les sélecteurs portent sur a.partage-btn : a:hover (style.css et
   Bootstrap) l'emporterait sur une simple classe.
   ------------------------------------------------------------------ */

.partage{display:flex;gap:10px;margin-top:8px;}

.partage a.partage-btn{
	flex:1 1 0;
	display:flex;align-items:center;justify-content:center;gap:10px;
	height:42px;padding:0 16px;
	border-radius:9px;
	font-family:'Roboto',Arial,sans-serif;font-size:14px;font-weight:500;
	color:#fff;text-decoration:none;
	box-shadow:0 1px 2px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.15);
	transition:transform .12s ease, box-shadow .12s ease, filter .12s ease;
}
.partage a.partage-btn:hover,
.partage a.partage-btn:focus{
	color:#fff;text-decoration:none;
	transform:translateY(-1px);
	box-shadow:0 4px 10px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.15);
	filter:brightness(1.08);
}
.partage a.partage-btn:active{transform:translateY(0);box-shadow:0 1px 2px rgba(0,0,0,.25);filter:brightness(.95);}
.partage a.partage-btn:focus{outline:none;}
.partage a.partage-btn:focus-visible{outline:2px solid #CC0000;outline-offset:2px;}
.partage a.partage-btn svg{flex:none;width:18px;height:18px;fill:currentColor;}

.partage a.partage-facebook{background:linear-gradient(180deg,#2d88ff 0%,#1877f2 100%);}
.partage a.partage-x{background:linear-gradient(180deg,#33383d 0%,#0f1419 100%);}

@media (prefers-reduced-motion: reduce){
	.partage a.partage-btn{transition:none;}
	.partage a.partage-btn:hover,
	.partage a.partage-btn:focus{transform:none;}
}