/* Radio en continu (v1.6.7) — bloc lecteur de /ecouter/ et
 * affordance « reprendre » des boutons Play.
 *
 * La BARRE persistante garde ses styles dans
 * lecteur-persistant.css (hauteurs et réserves inchangées,
 * v1.6.3) : ce fichier ne touche ni sa hauteur ni ses états,
 * seulement l'invitation visuelle quand une reprise d'écoute
 * attend le toucher de l'auditeur, et le bloc de /ecouter/.
 */

/* ---------- Bouton Play en état « reprendre » ----------
 * L'auditeur écoutait avant de changer de page et le
 * navigateur a refusé la reprise automatique : le bouton
 * pulse doucement pour inviter au toucher. L'état est posé
 * par le moteur (classe rint-rc-reprise), jamais par défaut. */
.rint-lecteur-btn.rint-rc-reprise,
.rint-rc-btn.rint-rc-reprise {
	animation: rint-rc-pouls 1.6s ease-in-out infinite;
}
@keyframes rint-rc-pouls {
	0%, 100% { box-shadow: 0 0 0 3px rgba(53, 224, 255, 0.25); }
	50% { box-shadow: 0 0 0 8px rgba(53, 224, 255, 0.06); }
}
@media (prefers-reduced-motion: reduce) {
	.rint-lecteur-btn.rint-rc-reprise,
	.rint-rc-btn.rint-rc-reprise { animation: none; }
}

/* ---------- Bloc lecteur de /ecouter/ ---------- */
.rint-rc-lecteur {
	display: flex;
	align-items: center;
	gap: 18px;
	flex-wrap: wrap;
	margin-top: 1rem;
}
.rint-rc-infos {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
	flex: 1 1 260px;
}
.rint-rc-etiquette {
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--muted, #9aa7b5);
}
.rint-rc-titre {
	font-family: var(--font-title, "Anton", system-ui, sans-serif);
	font-size: 1.35rem;
	letter-spacing: 0.02em;
	color: var(--text, #eef2f7);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.rint-rc-prochain {
	font-size: 0.95rem;
	color: var(--cyan, #35e0ff);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.rint-rc-message {
	font-size: 0.92rem;
	color: var(--muted, #9aa7b5);
}
.rint-rc-controles {
	display: flex;
	align-items: center;
	gap: 10px;
	flex: 0 0 auto;
}
/* Mêmes gabarits tactiles que les boutons de la barre
   (46 px, dégradé de la marque) pour une lecture cohérente. */
.rint-rc-btn {
	width: 52px;
	height: 52px;
	border-radius: 50%;
	border: 1px solid var(--card-border, rgba(255, 255, 255, 0.16));
	background: linear-gradient(120deg, var(--neon, #ff2233), var(--blue, #2e7bff) 60%, var(--cyan, #35e0ff));
	color: #fff;
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.rint-rc-btn:hover { filter: brightness(1.12); }
.rint-rc-btn:focus-visible {
	outline: 2px solid var(--cyan, #35e0ff);
	outline-offset: 2px;
}
.rint-rc-note {
	margin-top: 1rem;
	font-size: 0.88rem;
	color: var(--muted, #9aa7b5);
}