/**
 * Music Wave — Player component extras
 * Small enhancements layered on top of style.css: playing animation,
 * focus states, and touch-friendly tweaks for mobile playback.
 */

/* Equalizer animation shown on the currently playing card cover */
.song-card.is-playing .cover-wrap::after{
	content:'';
	position:absolute; inset:0;
	background: rgba(139,92,246,0.25);
	display:flex; align-items:flex-end; justify-content:center;
}
.song-list-row.active .row-thumb{
	box-shadow: 0 0 0 2px var(--accent-1);
}

/* Accessible focus rings */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible{
	outline: 2px solid var(--accent-1);
	outline-offset: 2px;
}

/* Touch-friendly tap targets on mobile */
@media (max-width: 600px){
	.gp-controls button{ min-width:36px; min-height:36px; }
	.song-list-row{ padding:14px 10px; }
	.np-big-controls button{ width:50px; height:50px; }
	.np-big-controls button.play-pause-big{ width:68px; height:68px; }
}

/* Smooth fade when AJAX song list refreshes */
#mw-song-list{ transition: opacity .25s ease; }

/* Prevent body scroll bounce when mobile nav is open */
body.mw-nav-open{ overflow:hidden; }

#mw-main-nav{
	display:none!important;
}