/*
 * Retour visuel du bouton « copier le lien ».
 *
 * 1.2.149 (JF : « copier le lien fonctionne mais aucun effet ne permet de voir
 * que la copie est faite ») — POURQUOI IL N'Y AVAIT RIEN À VOIR.
 *
 * Le contrôleur posait bien la classe `nd-share__btn--copied` depuis
 * plusieurs versions, et changeait le libellé en « Copié ! ». Mais AUCUNE
 * feuille ne définissait cette classe — ni le plugin, ni les documents
 * (vérifié sur les fiches réelles : zéro occurrence). Et dans le bandeau du
 * bas, le libellé est masqué : le seul retour prévu était donc invisible.
 *
 * C'est exactement le défaut déjà rencontré sur `.nd-cta__button` : une classe
 * canonique posée par le code, sans règle qui la porte. La règle appartient
 * donc au PLUGIN, pas au CSS embarqué de chaque document — sans quoi elle
 * manquerait à toute fiche produite par un gabarit qui ne l'a pas prévue.
 *
 * Servi depuis l'en-tête, ce fichier passe AVANT le CSS embarqué dans le
 * contenu : un gabarit qui voudrait un autre retour garde donc le dernier mot.
 */

.nd-share__btn--copy {
	transition: transform .18s ease, opacity .18s ease;
}

/*
 * L'icône grossit brièvement, puis reste légèrement agrandie le temps de la
 * confirmation. Le contrôleur retire la classe au bout de deux secondes.
 */
.nd-share__btn--copy svg,
.nd-share__btn--copier svg {
	transform-origin: 50% 50%;
	transition: transform .18s ease;
	will-change: transform;
}

.nd-share__btn--copied svg {
	animation: sce-share-copied-pop .3s cubic-bezier(.34, 1.56, .64, 1) forwards;
}

.nd-share__btn--copied {
	/* Léger appui vers le haut : perceptible, sans décaler la ligne. */
	transform: translateY(-1px);
}

@keyframes sce-share-copied-pop {
	0%   { transform: scale(1); }
	45%  { transform: scale(1.3); }
	100% { transform: scale(1.12); }
}

/*
 * Le libellé « Copié ! » n'apparaît que là où un libellé est déjà affiché : on
 * ne fait pas surgir de texte dans un bandeau qui n'en montre pas, cela
 * décalerait les icônes.
 */
.nd-share__btn--copied .nd-share__btn-label {
	font-weight: 600;
}

/*
 * ACCESSIBILITÉ — un mouvement, même bref, n'est pas souhaitable pour tout le
 * monde. Sans animation, la confirmation reste visible : l'icône garde sa
 * taille agrandie pendant les deux secondes.
 */
@media (prefers-reduced-motion: reduce) {
	.nd-share__btn--copy,
	.nd-share__btn--copy svg,
	.nd-share__btn--copier svg {
		transition: none;
	}
	.nd-share__btn--copied svg {
		animation: none;
		transform: scale(1.12);
	}
	.nd-share__btn--copied {
		transform: none;
	}
}