/* Aperçus Vidéo – lecteur */
.apv-player { position: relative; display: block; max-width: 100%; background: #000; cursor: pointer; overflow: hidden; line-height: 0; }
.apv-player video { display: block; width: 100%; height: auto; margin: 0; }
.apv-player:focus-visible { outline: 3px solid #fff; outline-offset: -3px; }
.apv-player .apv-play {
	position: absolute; left: 50%; top: 50%;
	width: 72px; height: 72px; padding: 0; margin: -36px 0 0 -36px;
	display: grid; place-items: center;
	border: 0; border-radius: 50%;
	background: rgba(0, 0, 0, .55); color: #fff;
	box-shadow: 0 0 0 2px rgba(255, 255, 255, .85) inset, 0 6px 24px rgba(0, 0, 0, .35);
	cursor: pointer;
	transition: transform .2s ease, background .2s ease;
	-webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);
}
.apv-player .apv-play svg { width: 30px; height: 30px; margin-left: 4px; }
.apv-player .apv-play-label { display: none; }
.apv-player:hover .apv-play { transform: scale(1.08); background: rgba(0, 0, 0, .7); }
@media (max-width: 600px) {
	.apv-player .apv-play { width: 56px; height: 56px; margin: -28px 0 0 -28px; }
	.apv-player .apv-play svg { width: 24px; height: 24px; }
}

/* Curseur « lecture » sur l'aperçu (sauf style classique, où le bouton suffit) */
.apv-player:not(.apv-btn-classic):not(.is-full) {
	cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Ccircle cx='22' cy='22' r='20' fill='rgba(0,0,0,.55)' stroke='white' stroke-width='2'/%3E%3Cpath d='M17 13.5v17l13.5-8.5z' fill='white'/%3E%3C/svg%3E") 22 22, pointer;
}

/* Discret : petite pastille dans le coin, qui s'affirme au survol */
.apv-player.apv-btn-corner .apv-play,
.apv-player.apv-btn-hover .apv-play {
	left: 14px; top: auto; bottom: 14px;
	width: auto; height: 32px; margin: 0; padding: 0 12px 0 9px;
	display: flex; align-items: center; gap: 6px;
	border-radius: 999px;
	background: rgba(0, 0, 0, .35);
	box-shadow: 0 0 0 1px rgba(255, 255, 255, .45) inset;
	opacity: .8;
	font: 600 13px/1 system-ui, -apple-system, "Segoe UI", sans-serif; letter-spacing: .02em;
	transition: opacity .25s ease, background .25s ease, transform .25s ease;
}
.apv-player.apv-btn-corner .apv-play svg,
.apv-player.apv-btn-hover .apv-play svg { width: 15px; height: 15px; margin: 0; }
.apv-player.apv-btn-corner .apv-play-label,
.apv-player.apv-btn-hover .apv-play-label { display: inline; }
.apv-player.apv-btn-corner:hover .apv-play { opacity: 1; transform: none; background: rgba(0, 0, 0, .65); }

/* Au survol : rien sur l'image, le grand bouton central apparaît quand la souris passe dessus */
@media (hover: hover) {
	.apv-player.apv-btn-hover .apv-play {
		left: 50%; top: 50%; bottom: auto;
		width: 72px; height: 72px; margin: -36px 0 0 -36px; padding: 0;
		display: grid; place-items: center;
		border-radius: 50%;
		background: rgba(0, 0, 0, .55);
		box-shadow: 0 0 0 2px rgba(255, 255, 255, .85) inset, 0 6px 24px rgba(0, 0, 0, .35);
		opacity: 0; transform: scale(.85);
	}
	.apv-player.apv-btn-hover .apv-play svg { width: 30px; height: 30px; margin-left: 4px; }
	.apv-player.apv-btn-hover .apv-play-label { display: none; }
	.apv-player.apv-btn-hover:hover .apv-play,
	.apv-player.apv-btn-hover .apv-play:focus-visible { opacity: 1; transform: none; }
}

/* Aucun : bouton invisible mais toujours atteignable au clavier */
.apv-player.apv-btn-none .apv-play { opacity: 0; }
.apv-player.apv-btn-none .apv-play:focus-visible { opacity: 1; }

@media (max-width: 600px) {
	.apv-player.apv-btn-corner .apv-play,
	.apv-player.apv-btn-hover .apv-play { left: 10px; bottom: 10px; height: 28px; font-size: 12px; }
}

/* Vidéo complète lancée : plus de bouton « Lire » ni de curseur lecture, quel que soit le style choisi */
.apv-player.is-full, .apv-player.is-full * { cursor: auto !important; }
.apv-player.is-full .apv-play { display: none !important; }