/**
 * Radu Sava Widgets — Shared Media Styles
 *
 * Video loops, media containers, and responsive playback states.
 */

.rs-media-wrap {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: var(--rs-film, #0b0b0a);
}

.rs-media-video,
.rs-media-poster {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	pointer-events: none;
}

.rs-media-video[data-rs-loop] {
	transition: opacity 0.4s ease;
}

/* Reduced motion: show poster only, hide autolooping videos */
@media (prefers-reduced-motion: reduce) {
	.rs-media-video[data-rs-loop] {
		display: none !important;
	}

	.rs-media-poster {
		display: block !important;
	}
}