/* Leniart – odtwarzacz muzyki */
.lx-music {
	--lx-accent: var(--wp--preset--color--pink, #e5336f);
	--lx-bg: rgba(18, 19, 24, .92);
	position: fixed;
	left: 16px;
	bottom: 16px;
	z-index: 99990;
	display: flex;
	align-items: center;
	gap: 10px;
	max-width: calc(100vw - 32px);
	padding: 6px 14px 6px 6px;
	background: var(--lx-bg);
	color: #fff;
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 999px;
	box-shadow: 0 8px 28px rgba(0, 0, 0, .35);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	font: 500 13px/1.2 var(--wp--preset--font-family--dm-sans, system-ui, sans-serif);
	box-sizing: border-box;
}
.lx-music *, .lx-music *::before, .lx-music *::after { box-sizing: border-box; }
.lx-music button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	color: inherit;
	cursor: pointer;
	font: inherit;
	line-height: 1;
}
.lx-music svg { width: 20px; height: 20px; fill: currentColor; display: block; }
.lx-music__play {
	flex: 0 0 auto;
	width: 40px;
	height: 40px;
	border-radius: 50% !important;
	background: var(--lx-accent) !important;
	transition: transform .15s ease;
}
.lx-music__play:hover { transform: scale(1.06); }
.lx-music__play:focus-visible, .lx-music__mute:focus-visible, .lx-music__vol:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 2px;
}
.lx-music__text { display: flex; flex-direction: column; min-width: 0; }
.lx-music__title, .lx-music__artist { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 180px; }
.lx-music__artist { font-size: 11px; opacity: .65; font-weight: 400; margin-top: 2px; }
.lx-music__artist:empty { display: none; }
.lx-music__mute { width: 30px; height: 30px; opacity: .8; }
.lx-music__mute:hover { opacity: 1; }
.lx-music__vol {
	width: 80px;
	margin: 0;
	accent-color: var(--lx-accent);
	cursor: pointer;
}

/* Animowany „korektor” podczas odtwarzania */
.lx-music__eq { display: none; align-items: flex-end; gap: 2px; height: 14px; }
.lx-music.is-playing .lx-music__eq { display: inline-flex; }
.lx-music__eq i { display: block; width: 3px; height: 100%; background: var(--lx-accent); border-radius: 1px; animation: lx-eq 1s ease-in-out infinite; transform-origin: bottom; }
.lx-music__eq i:nth-child(2) { animation-delay: -.4s; }
.lx-music__eq i:nth-child(3) { animation-delay: -.7s; }
@keyframes lx-eq { 0%, 100% { transform: scaleY(.3); } 50% { transform: scaleY(1); } }
@media (prefers-reduced-motion: reduce) { .lx-music__eq i { animation: none; transform: scaleY(.7); } }

/* Telefon: bez suwaka głośności (głośność przyciskami telefonu) */
@media (max-width: 600px) {
	.lx-music { left: 12px; bottom: 12px; padding-right: 12px; gap: 8px; }
	.lx-music .lx-music__vol, .lx-music__artist { display: none; }
	.lx-music__title { max-width: 120px; }
}

/* Delikatny sygnał ładowania przy przechodzeniu między stronami */
html.lx-loading main { opacity: .55; transition: opacity .2s ease; }
html.lx-loading, html.lx-loading a { cursor: progress; }