/* Odtwarzacz MP3 - kolory z szablonu „biblioteka” (z wartościami zapasowymi) */
.odtwarzacz {
	--odtw-akcent: var(--bib-link, #8a4510);
	--odtw-linia: var(--bib-linia, #b39a6c);
	--odtw-tlo: var(--bib-karta, #fbf6ea);
	--odtw-drugi: var(--bib-tekst-drugi, #5e4b36);
}
.odtwarzacz__teraz { margin: 0 0 .4rem; font-size: .9rem; line-height: 1.35; }
.odtwarzacz__etykieta { display: block; color: var(--odtw-drugi); font-size: .8rem; text-transform: uppercase; letter-spacing: .04em; }
.odtwarzacz__tytul { font-weight: 600; overflow-wrap: anywhere; }
.odtwarzacz__audio { display: block; width: 100%; margin: 0 0 .4rem; }
.odtwarzacz__przyciski { display: flex; gap: .4rem; margin: 0 0 .5rem; }
.odtwarzacz__przycisk {
	flex: 1 1 0; min-height: 2.25rem; padding: .25rem .5rem; border: 1px solid var(--odtw-linia); border-radius: .2rem;
	background: #fff; color: var(--odtw-akcent); font-size: .9rem;
}
.odtwarzacz__przycisk:hover, .odtwarzacz__przycisk:focus-visible { border-color: var(--odtw-akcent); text-decoration: underline; }
.odtwarzacz__lista {
	list-style: none; margin: 0; padding: 0; max-height: 18rem; overflow-y: auto; border-top: 1px solid var(--odtw-linia);
	counter-reset: utwor; overscroll-behavior: contain;
}
.odtwarzacz__pozycja { display: flex; align-items: baseline; gap: .4rem; border-bottom: 1px dashed var(--odtw-linia); counter-increment: utwor; }
.odtwarzacz__utwor {
	flex: 1 1 auto; min-width: 0; display: block; padding: .4rem .2rem .4rem 1.6rem; position: relative; color: inherit;
	text-decoration: none; line-height: 1.3;
}
.odtwarzacz__utwor::before { content: counter(utwor) "."; position: absolute; left: .1rem; color: var(--odtw-drugi); font-size: .85rem; }
.odtwarzacz__utwor:hover .odtwarzacz__nazwa, .odtwarzacz__utwor:focus-visible .odtwarzacz__nazwa { color: var(--odtw-akcent); text-decoration: underline; }
.odtwarzacz__nazwa { display: block; font-size: .95rem; overflow-wrap: anywhere; }
.odtwarzacz__wykonawca { display: block; font-size: .82rem; color: var(--odtw-drugi); overflow-wrap: anywhere; }
.odtwarzacz__utwor[aria-current="true"] { background: var(--odtw-tlo); }
.odtwarzacz__utwor[aria-current="true"] .odtwarzacz__nazwa { color: var(--odtw-akcent); font-weight: 700; }
.odtwarzacz--gra .odtwarzacz__utwor[aria-current="true"]::before { content: "▶"; color: var(--odtw-akcent); }
.odtwarzacz__czas { flex: 0 0 auto; font-size: .82rem; color: var(--odtw-drugi); font-variant-numeric: tabular-nums; padding-right: .2rem; }
.odtwarzacz__pobierz { flex: 0 0 auto; padding: .2rem .35rem; color: var(--odtw-akcent); text-decoration: none; }
@media print { .odtwarzacz { display: none; } }