/* Styles du lecteur vidéo (voir video.js) */

/* Évite un bug d'affichage Safari iOS : vidéo figée dans un bloc arrondi avec overflow:hidden */
.video-card, .video-card-pro { -webkit-transform: translateZ(0); transform: translateZ(0); isolation: isolate; }

.video-spinner {
	display: none; position: absolute; top: 50%; left: 50%;
	width: 44px; height: 44px; margin: -22px 0 0 -22px;
	border: 3px solid rgba(255, 255, 255, 0.3); border-top-color: #fff; border-radius: 50%;
	animation: video-spin 0.8s linear infinite; pointer-events: none; z-index: 11;
}
.is-loading .video-spinner { display: block; }
@keyframes video-spin { to { transform: rotate(360deg); } }

.video-fallback {
	display: none; position: absolute; left: 8px; right: 8px; bottom: 60px;
	padding: 8px 10px; border-radius: 8px; background: rgba(0, 0, 0, 0.8);
	color: #fff; font-size: 12px; font-weight: 700; text-align: center; text-decoration: underline; z-index: 12;
}
.has-error .video-fallback { display: block; }