/**
 * freeetv-demo.css — 3 quick-wins DÉMO (Léonard, 13/07, cap démo Albert).
 * ADDITIF & réversible. Chargé APRÈS freeetv.css (dépendance) → surcharge propre,
 * NE touche jamais freeetv.css (chantier Michelangelo). Tout est en no-preference :
 * prefers-reduced-motion => rendu statique d'origine conservé.
 */

/* ── #1 Badge LIVE pulsant ─────────────────────────────────────────────
 * Les points rouges existent déjà (.ch .live::before / .mq-live::before,
 * statiques dans freeetv.css). On ne fait QUE les animer : le point « respire »
 * (scale + halo + opacité). Le texte LIVE ne bouge pas (lisibilité). */
@keyframes ftvLivePulse {
	0%, 100% { transform: scale(1);    opacity: 1;   box-shadow: 0 0 8px var(--live); }
	50%      { transform: scale(1.55); opacity: .45; box-shadow: 0 0 15px var(--live); }
}
@media (prefers-reduced-motion: no-preference) {
	.ch .live::before,
	.mq-live::before {
		animation: ftvLivePulse 1.5s ease-in-out infinite;
		will-change: transform, opacity;
	}
}

/* ── #2 Drapeaux pays ──────────────────────────────────────────────────
 * Le <span class="flag"> et son placement (coin haut-droite) existent déjà en CSS.
 * ftv_flag() (mu-plugin) renvoie désormais un vrai drapeau au lieu du 📺 fallback.
 * On soigne juste le rendu emoji (halo lisible sur vignettes claires). */
.ch .thumb .flag {
	line-height: 1;
	filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .55));
	text-shadow: 0 1px 2px rgba(0, 0, 0, .35);
}

/* ── #3 Compteur live : point rouge pulsant à côté du nombre ───────────
 * Le count-up 0→X est en JS (freeetv-demo.js). Ici, la pastille rouge injectée
 * à côté du chiffre honnête. Même respiration que le badge des cartes. */
.cl-band-title .ftv-demo-livedot {
	display: inline-block;
	width: .5em;
	height: .5em;
	margin: 0 .05em 0 .12em;
	border-radius: 50%;
	background: var(--live, #ff3b30);
	box-shadow: 0 0 8px var(--live, #ff3b30);
	vertical-align: middle;
	transform: translateY(-.06em);
}
@media (prefers-reduced-motion: no-preference) {
	.cl-band-title .ftv-demo-livedot {
		animation: ftvLivePulse 1.5s ease-in-out infinite;
	}
}
/* Pendant le count-up, le nombre reste stable en largeur (pas de saut de layout). */
.cl-band-title .cl-count[data-counting="1"] {
	font-variant-numeric: tabular-nums;
}