/**
 * Leitura de Texto — barra de player
 * Visual cinza pílula (resiste a estilos de tema/Elementor).
 */

.lt-player.lt-player {
	--lt-bg: #d4d4d4;
	--lt-bg-hover: #cacaca;
	--lt-fg: #2a2a2a;
	--lt-fg-muted: #3d3d3d;
	--lt-radius: 999px;
	--lt-pad-y: 0.7rem;
	--lt-pad-x: 1.15rem;
	--lt-gap: 0.85rem;
	--lt-font: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;

	box-sizing: border-box !important;
	display: flex !important;
	align-items: center !important;
	gap: var(--lt-gap) !important;
	width: 100%;
	max-width: 42rem;
	margin: 1.25rem 0 !important;
	padding: var(--lt-pad-y) var(--lt-pad-x) !important;
	background: var(--lt-bg) !important;
	background-color: #d4d4d4 !important;
	background-image: none !important;
	border: none !important;
	border-radius: var(--lt-radius) !important;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06) !important;
	color: var(--lt-fg) !important;
	font-family: var(--lt-font) !important;
	font-size: 0.95rem !important;
	line-height: 1.2 !important;
	transition: background-color 0.2s ease, box-shadow 0.2s ease;
	-webkit-font-smoothing: antialiased;
}

.lt-player *,
.lt-player *::before,
.lt-player *::after {
	box-sizing: border-box;
}

.lt-player.lt-player:hover {
	background: var(--lt-bg-hover) !important;
	background-color: #cacaca !important;
	background-image: none !important;
}

.lt-player.is-playing {
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.04) !important;
}

.lt-player.is-unsupported {
	opacity: 0.55;
	pointer-events: none;
}

/* Botão play / pause — zera estilos de tema (ex.: amarelo Elementor) */
.lt-player .lt-player__play,
.lt-player button.lt-player__play {
	flex: 0 0 auto !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 1.5rem !important;
	height: 1.5rem !important;
	min-width: 1.5rem !important;
	min-height: 1.5rem !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
	outline: none;
	color: #2a2a2a !important;
	fill: #2a2a2a !important;
	cursor: pointer !important;
	font-size: inherit !important;
	line-height: 1 !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	transition: transform 0.15s ease, opacity 0.15s ease;
}

.lt-player .lt-player__play:hover,
.lt-player .lt-player__play:focus,
.lt-player .lt-player__play:active,
.lt-player button.lt-player__play:hover,
.lt-player button.lt-player__play:focus,
.lt-player button.lt-player__play:active {
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
	color: #2a2a2a !important;
	opacity: 0.75;
}

.lt-player .lt-player__play:active {
	transform: scale(0.92);
}

.lt-player .lt-player__play:focus-visible {
	outline: 2px solid #2a2a2a !important;
	outline-offset: 3px;
}

.lt-player .lt-player__icon {
	display: block !important;
	width: 12px !important;
	height: 14px !important;
	color: #2a2a2a !important;
	fill: currentColor !important;
	pointer-events: none;
}

.lt-player .lt-player__icon--play {
	margin-left: 2px;
}

.lt-player .lt-player__icon--pause {
	display: none !important;
}

.lt-player.is-playing .lt-player__icon--play {
	display: none !important;
}

.lt-player.is-playing .lt-player__icon--pause {
	display: block !important;
}

/* Texto preview */
.lt-player .lt-player__text {
	flex: 1 1 auto !important;
	min-width: 0 !important;
	overflow: hidden !important;
	white-space: nowrap !important;
	text-overflow: ellipsis !important;
	color: #3d3d3d !important;
	font-weight: 400 !important;
	letter-spacing: 0.01em;
	user-select: none;
	background: transparent !important;
}

/* Meta: sparkle + tempo */
.lt-player .lt-player__meta {
	flex: 0 0 auto !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 0.55rem !important;
	color: #2a2a2a !important;
	background: transparent !important;
}

.lt-player .lt-player__spark {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	line-height: 0;
	opacity: 0.9;
	color: #2a2a2a !important;
	background: transparent !important;
}

.lt-player .lt-player__spark svg {
	display: block;
	width: 14px;
	height: 14px;
	fill: currentColor;
}

.lt-player.is-playing .lt-player__spark {
	animation: lt-sparkle 1.4s ease-in-out infinite;
}

.lt-player .lt-player__time {
	font-variant-numeric: tabular-nums;
	font-weight: 500 !important;
	font-size: 0.92rem !important;
	letter-spacing: 0.02em;
	min-width: 2.4em;
	text-align: right;
	color: #2a2a2a !important;
	user-select: none;
	background: transparent !important;
}

@keyframes lt-sparkle {
	0%,
	100% {
		opacity: 0.55;
		transform: scale(1) rotate(0deg);
	}
	50% {
		opacity: 1;
		transform: scale(1.12) rotate(12deg);
	}
}

@media (max-width: 480px) {
	.lt-player.lt-player {
		--lt-pad-x: 0.95rem;
		--lt-gap: 0.65rem;
		font-size: 0.875rem !important;
		max-width: 100%;
	}

	.lt-player .lt-player__time {
		font-size: 0.85rem !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.lt-player,
	.lt-player .lt-player__play,
	.lt-player.is-playing .lt-player__spark {
		transition: none;
		animation: none;
	}
}