/* SoundSwift Wave Player v2
   Feature flag: body.soundswift-wave-player-v2
   Remove that class to restore the previous large-waveform look. */

.ss-wp-canvas,
.ss-wp-times,
.ss-wp-fallback {
	display: none;
}

body.soundswift-wave-player-v2 .ss-wave-player {
	width: 100%;
}

body.soundswift-wave-player-v2 .ss-wp-main {
	display: flex;
	align-items: center;
	gap: 2px;
	width: 100%;
	min-width: 0;
}

body.soundswift-wave-player-v2 .ss-wp-play {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: visible;
	padding: 0;
	transform: translateY(-4px);
}

body.soundswift-wave-player-v2 .ss-wp-wave {
	position: relative;
	flex: 1 1 auto;
	min-width: 0;
	padding-bottom: 18px;
}

body.soundswift-wave-player-v2 .ss-wp-share {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
}

body.soundswift-wave-player-v2 .ss-wave-player .mus_track_wf {
	display: none !important;
}

body.soundswift-wave-player-v2 #waveform {
	margin-top: 0;
	min-height: 120px;
	height: 120px;
	position: relative;
	z-index: 1;
}

body.soundswift-wave-player-v2 .waveform-small #waveform {
	margin: 0;
	min-height: 90px;
	height: 90px;
}

body.soundswift-wave-player-v2 #waveform .images {
	height: 100%;
	position: relative;
	cursor: pointer;
}

body.soundswift-wave-player-v2 #dark-wave,
body.soundswift-wave-player-v2 #light-wave img,
body.soundswift-wave-player-v2 #dark-wavez,
body.soundswift-wave-player-v2 #light-waves img {
	opacity: 0 !important;
	pointer-events: none;
}

body.soundswift-wave-player-v2 #light-wave {
	border: 0 !important;
}

body.soundswift-wave-player-v2 .ss-wp-canvas {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	height: 120px;
	pointer-events: none;
	z-index: 2;
}

body.soundswift-wave-player-v2 .waveform-small .ss-wp-canvas {
	height: 90px;
}

body.soundswift-wave-player-v2 .ss-wp-fallback {
	position: absolute;
	left: 0;
	right: 0;
	top: 12px;
	height: 96px;
	z-index: 2;
	pointer-events: none;
}

body.soundswift-wave-player-v2 .waveform-small .ss-wp-fallback {
	top: 8px;
	height: 74px;
}

body.soundswift-wave-player-v2 .ss-wp-fallback.is-on {
	display: block;
}

body.soundswift-wave-player-v2 .ss-wp-fallback-unplayed,
body.soundswift-wave-player-v2 .ss-wp-fallback-played {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	-webkit-mask-image: var(--ss-wave-src);
	mask-image: var(--ss-wave-src);
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
}

body.soundswift-wave-player-v2 .ss-wp-fallback-unplayed {
	width: 100%;
	background: #3a404a;
	opacity: 0.72;
}

body.soundswift-wave-player-v2 .ss-wp-fallback-played {
	width: 0%;
	background: linear-gradient(90deg, #ffd166 0%, #ff8a3d 18%, #ff4d9a 38%, #8b5cf6 58%, #3b82f6 78%, #22d3ee 100%);
	filter: drop-shadow(0 0 6px rgba(255, 209, 102, 0.28));
}

body.soundswift-wave-player-v2 .comment-waves {
	z-index: 6;
	pointer-events: none;
}

body.soundswift-wave-player-v2 .comment-on-wave {
	pointer-events: auto;
}

body.soundswift-wave-player-v2 .ss-wp-times {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	font-size: 11px;
	letter-spacing: 0.02em;
	color: rgba(220, 224, 230, 0.55);
	pointer-events: none;
	z-index: 3;
	font-weight: 500;
	line-height: 1;
}

/* One circular Play/Pause control. Ring lives on the parent; icons overlay. */
body.soundswift-wave-player-v2 .ss-wave-player .ss_track_play_pause {
	position: relative;
	width: 62px;
	height: 62px;
	margin: 0;
	filter: drop-shadow(0 0 10px rgba(255, 209, 102, 0.3));
}

body.soundswift-wave-player-v2 .ss-wave-player .ss_track_play_pause::before {
	content: "";
	position: absolute;
	inset: -2px;
	border-radius: 50%;
	background: conic-gradient(from 210deg, #ffd166, #ff8a3d, #ff4d9a, #8b5cf6, #3b82f6, #22d3ee, #ffd166);
	z-index: 0;
	box-shadow: 0 0 12px rgba(255, 209, 102, 0.28);
}

body.soundswift-wave-player-v2 .ss-wave-player .ss_track_play_pause::after {
	content: "";
	position: absolute;
	inset: 3px;
	border-radius: 50%;
	background: radial-gradient(circle at 50% 45%, #16161b 0%, #08080a 75%);
	z-index: 1;
}

body.soundswift-wave-player-v2 .ss-wave-player .ss_track_play_pause > div {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100% !important;
	height: 100% !important;
	margin: 0;
	border-radius: 50%;
	background: transparent !important;
	box-shadow: none !important;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
	cursor: pointer;
}

body.soundswift-wave-player-v2 .ss-wave-player .ss_track_play_pause > div::before,
body.soundswift-wave-player-v2 .ss-wave-player .ss_track_play_pause > div::after {
	content: none !important;
	display: none !important;
}

body.soundswift-wave-player-v2 .ss-wave-player .ss_track_play_pause > div svg {
	position: relative;
	z-index: 3;
	width: 24px;
	height: 24px;
	margin: 0;
	display: block;
}

body.soundswift-wave-player-v2 .ss-wave-player .ss_track_play_pause .play_btn svg {
	margin-left: 3px;
}

body.soundswift-wave-player-v2 .ss-wave-player .ss_track_play_pause .pause_innr {
	background: none !important;
	box-shadow: none !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	animation: none !important;
	display: flex;
	align-items: center;
	justify-content: center;
}

body.soundswift-wave-player-v2 .ss-wave-player .ss_track_play_pause .play_btn,
body.soundswift-wave-player-v2 .ss-wave-player .ss_track_play_pause .pause_btn {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

body.soundswift-wave-player-v2 .ss-wave-player .ss_track_play_pause .pause_btn {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

body.soundswift-wave-player-v2.player_running .ss-wave-player .ss_track_play_pause .pause_btn,
body.soundswift-wave-player-v2.audio_playing .ss-wave-player .ss_track_play_pause .pause_btn {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

body.soundswift-wave-player-v2.player_running .ss-wave-player .ss_track_play_pause .play_btn,
body.soundswift-wave-player-v2.audio_playing .ss-wave-player .ss_track_play_pause .play_btn {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

body.soundswift-wave-player-v2 .ss-wp-share .ss_action_item {
	width: 46px;
	height: 46px;
	min-width: 46px;
	padding: 0;
	margin: 0;
	border-radius: 12px;
	background: #121318;
	border: 1px solid rgba(255, 209, 102, 0.38);
	color: #f4f4f4;
	font-size: 0;
	box-shadow: 0 0 10px rgba(255, 209, 102, 0.12);
}

body.soundswift-wave-player-v2 .ss-wp-share .ss_action_item svg {
	margin: 0;
	width: 18px;
	height: 18px;
}

body.soundswift-wave-player-v2 .ss-wp-share .ss_action_item:hover {
	background: #1a1b21;
	border-color: rgba(255, 209, 102, 0.6);
	color: #fff;
}

body.soundswift-wave-player-v2 .ss-wave-player .mus_track_act_btns {
	margin-top: 18px;
}

body.soundswift-wave-player-v2 .ss-wave-player--compact .ss-wp-main {
	gap: 2px;
}

body.soundswift-wave-player-v2 .ss-wave-player--compact .ss-wp-play {
	transform: translateY(-3px);
}

body.soundswift-wave-player-v2 .ss-wave-player--compact .ss_track_play_pause {
	width: 56px;
	height: 56px;
}

body.soundswift-wave-player-v2 .ss-wave-player--compact .ss_track_play_pause > div svg {
	width: 24px;
	height: 24px;
	margin: 0;
}

body.soundswift-wave-player-v2 .ss-wave-player--compact .ss_track_play_pause .play_btn svg {
	margin-left: 2px;
}

body.soundswift-wave-player-v2 .ss-wave-player--compact .ss-wp-share .ss_action_item {
	width: 40px;
	height: 40px;
	min-width: 40px;
}

@media (max-width: 768px) {
	body.soundswift-wave-player-v2 .ss-wp-main {
		gap: 4px;
	}

	body.soundswift-wave-player-v2 .ss-wp-play {
		transform: translateY(-2px);
	}

	body.soundswift-wave-player-v2 .ss-wave-player .ss_track_play_pause {
		width: 56px;
		height: 56px;
	}

	body.soundswift-wave-player-v2 .ss-wave-player .ss_track_play_pause > div svg {
		width: 24px;
		height: 24px;
		margin: 0;
	}

	body.soundswift-wave-player-v2 .ss-wave-player .ss_track_play_pause .play_btn svg {
		margin-left: 2px;
	}

	body.soundswift-wave-player-v2 #waveform,
	body.soundswift-wave-player-v2 .ss-wp-canvas {
		min-height: 92px;
		height: 92px;
	}

	body.soundswift-wave-player-v2 .ss-wp-fallback {
		top: 8px;
		height: 76px;
	}

	body.soundswift-wave-player-v2 .ss-wp-wave {
		padding-bottom: 18px;
	}
}

@media (max-width: 430px) {
	body.soundswift-wave-player-v2 .ss-wp-main {
		gap: 3px;
	}

	body.soundswift-wave-player-v2 .ss-wave-player .ss_track_play_pause {
		width: 48px;
		height: 48px;
	}

	body.soundswift-wave-player-v2 .ss-wave-player .ss_track_play_pause > div svg {
		width: 20px;
		height: 20px;
		margin: 0;
	}

	body.soundswift-wave-player-v2 .ss-wave-player .ss_track_play_pause .play_btn svg {
		margin-left: 2px;
	}

	body.soundswift-wave-player-v2 #waveform,
	body.soundswift-wave-player-v2 .ss-wp-canvas {
		min-height: 78px;
		height: 78px;
	}

	body.soundswift-wave-player-v2 .ss-wp-fallback {
		top: 6px;
		height: 66px;
	}

	body.soundswift-wave-player-v2 .ss-wp-share .ss_action_item {
		width: 40px;
		height: 40px;
		min-width: 40px;
		border-radius: 10px;
	}

	body.soundswift-wave-player-v2 .ss-wp-times {
		font-size: 10px;
	}
}