/**
 * MUX Video Player — Frontend Styles
 *
 * @package Salient_MUX_Video
 */

/* Player wrapper */
.smv-player-wrap {
	margin: 0 auto 20px;
}

.smv-player-aspect {
	background: #000;
	border-radius: 3px;
	overflow: hidden;
}

.smv-video-player {
	background: #000;
}

/* Background video section */
.smv-background-video-section {
	display: flex;
	align-items: center;
	justify-content: center;
}

.smv-bg-content {
	text-align: center;
	color: #fff;
}

.smv-bg-content h1,
.smv-bg-content h2,
.smv-bg-content h3,
.smv-bg-content h4,
.smv-bg-content p {
	color: #fff;
}

/* Playlist styles */
.smv-playlist-items {
	max-height: 400px;
	overflow-y: auto;
}

.smv-playlist-item {
	padding: 8px 10px;
	border-bottom: 1px solid #eee;
	transition: background-color 0.2s;
	display: flex;
	align-items: center;
}

.smv-playlist-item:hover {
	background-color: #f5f5f5;
}

.smv-playlist-item.active {
	background-color: #e8f5e9;
	font-weight: 600;
}

.smv-playlist-item img {
	border-radius: 2px;
	flex-shrink: 0;
}

.smv-playlist-item-title {
	font-size: 14px;
}

/* Thumbnails style */
.smv-playlist-style-thumbnails .smv-playlist-item {
	display: flex;
	align-items: center;
	gap: 10px;
}

/* List style (no thumbnails) */
.smv-playlist-style-list .smv-playlist-item {
	padding: 10px;
}

.smv-playlist-style-list .smv-playlist-item::before {
	content: '\25B6';
	margin-right: 8px;
	font-size: 10px;
	color: #888;
}

.smv-playlist-style-list .smv-playlist-item.active::before {
	color: #27ae60;
}