/**
 * Global bottom player — mobile control spacing and transport sizes.
 *
 * Overrides main.css global `a,button { display:flex; min-height:44px }` inside
 * the player so transport buttons keep intended dimensions.
 *
 * @package AscoltaNews
 */

#audio-player-mobile .ascolta-player-mobile-controls {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	width: 100%;
}

#audio-player-mobile .ascolta-player-mobile-bar {
	gap: 0.5rem;
	padding-left: 0.75rem;
	padding-right: 0.75rem;
}

#audio-player-mobile .ascolta-player-mobile-transport {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: auto;
	min-width: 2.5rem;
	min-height: 2.5rem;
}

#audio-player-mobile #play-pause-mobile {
	min-width: 3rem;
	min-height: 3rem;
	width: 3rem;
	height: 3rem;
}

#audio-player-mobile #skip-back-mobile,
#audio-player-mobile #skip-forward-mobile {
	width: 2.5rem;
	height: 2.5rem;
}

#audio-player-mobile #skip-back-mobile svg,
#audio-player-mobile #skip-forward-mobile svg {
	width: 1rem;
	height: 1rem;
}

#audio-player-mobile #play-pause-mobile svg {
	width: 1.25rem;
	height: 1.25rem;
}

#audio-player-mobile #time-display-mobile {
	font-size: 0.75rem;
	line-height: 1.25;
	min-width: 4.5rem;
}