/**
 * Territoires GeoDirectory — Envie d'R
 *
 * Halo / contour pulsé appliqué au contour global d'un territoire lorsqu'il
 * est mis en surbrillance (survol d'un bloc de présentation portant une
 * classe "categorie_de_territoire-{slug}"). POC : la couleur du halo suit
 * --edt-halo-color, définie dynamiquement par le script à partir de la
 * couleur de contour du territoire.
 *
 * La transition est posée sur ".edt-territoire-contour" (présente en
 * permanence sur le tracé, ajoutée par le script à la création de la
 * couche) plutôt que sur ".edt-highlight-pulse" elle-même : c'est ce qui
 * permet un fondu fluide aussi bien à l'entrée qu'à la sortie du survol —
 * y compris quand le retrait de la classe interrompt l'animation en cours
 * de cycle.
 */

.edt-territoire-contour {
	transition: filter 0.35s ease-out;
}

.edt-highlight-pulse {
	animation: edt-halo-pulse 1.4s ease-in-out infinite;
}

@keyframes edt-halo-pulse {
	0%,
	100% {
		filter: drop-shadow( 0 0 0 transparent );
	}
	50% {
		filter: drop-shadow( 0 0 10px var( --edt-halo-color, #ff9800 ) ) drop-shadow( 0 0 6px var( --edt-halo-color, #ff9800 ) );
	}
}

@media ( prefers-reduced-motion: reduce ) {
	.edt-highlight-pulse {
		animation: none;
		filter: drop-shadow( 0 0 8px var( --edt-halo-color, #ff9800 ) );
	}
}