/* Audio Block Styling */

/* Audio items */
.audio-item {
	transition: all 0.3s ease;
}

.audio-item:hover {
	box-shadow: 0 5px 7.5px -1.5px rgba(255, 255, 255, 0.1), 0 2px 3px -1px rgba(255, 255, 255, 0.05);
}

/* Play button */
.audio-play-btn {
	border: none;
	cursor: pointer;
	transition: all 0.3s ease;
	min-width: 48px;
	min-height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.audio-play-btn:hover {
	transform: scale(1.1);
	box-shadow: 0 4px 12px rgba(235, 137, 0, 0.4);
}

/* Wave transitions - top */
.wave-audio-top::before {
	content: '';
	position: absolute;
	top: -2px;
	left: 0;
	right: 0;
	height: 70px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 100' preserveAspectRatio='none'%3E%3Cpath d='M0,65 C400,90 600,40 900,70 C1050,85 1150,60 1200,75 L1200,100 L0,100 Z' fill='transparent'/%3E%3Cpath d='M0,65 C400,90 600,40 900,70 C1050,85 1150,60 1200,75 L1200,0 L0,0 Z' fill='%23ffffff' opacity='0.95'/%3E%3C/svg%3E") no-repeat top;
	background-size: cover;
	pointer-events: none;
	z-index: 1;
	opacity: 0;
	animation: fadeIn 1s ease-out forwards;
}

/* Wave transitions - bottom */
.wave-audio-bottom::after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	right: 0;
	height: 90px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 100' preserveAspectRatio='none'%3E%3Cpath d='M0,35 Q300,5 600,35 Q900,65 1200,30 L1200,0 L0,0 Z' fill='transparent'/%3E%3Cpath d='M0,35 Q300,5 600,35 Q900,65 1200,30 L1200,100 L0,100 Z' fill='%23F5F5F5' opacity='0.92'/%3E%3C/svg%3E") no-repeat bottom;
	background-size: cover;
	pointer-events: none;
	z-index: 1;
	opacity: 0;
	animation: fadeIn 1s ease-out forwards;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}