/* @admin: Franek 2026-10-06 — sekcja Płyta: „Płyta już wkrótce” zamiast „Nagrywam płytę”, a zamiast akapitu „Podoba Ci się
   moja twórczość?...” lista utworów (01 Energia, 02 Odpoczynek Ego, 03 Kura, 04 Pod Wiatr, 05 Simply, 06 Zmiana).
   Pismo jak reszta strony (Poppins, biel), numery w akcencie strony — bez akcentów krawędziowych i bez animacji. */
.tenx-tracklist { list-style: none; margin: 0; padding: 0; color: #fff; font-family: 'Poppins', sans-serif; }
.tenx-tracklist li {
    display: flex; align-items: baseline; gap: 14px; padding: 7px 0;
    font-size: 17px; line-height: 1.3; font-weight: 500;
}
.tenx-tracklist__nr { color: var(--ptf-color-accent, #fc6600); font-weight: 600; font-variant-numeric: tabular-nums; min-width: 1.6em; }
@media (max-width: 767px) {
    .tenx-tracklist li { font-size: 15px; padding: 5px 0; }
}

/* @admin: Franek 2026-10-06 — „i te 01 energia i lista utworow bez poziomych underline liniami pod nimi” — linie między
   utworami usunięte (reguła li + li { border-top } wyjęta). „Utwory na płycie:” nad listą: */
.tenx-tracklist__title { margin: 0 0 10px; color: #fff; font-family: 'Poppins', sans-serif; font-size: 17px; font-weight: 600; }

/* @admin: Franek 2026-10-06 — „tam jak jest ta plyta juz wkrotce to kontener wezszy zeby plyte bylo widac”. ZMIERZONE na
   1440 px: ciemny kontener (kolumna bb3762c) miał 635 px i kończył się na 737 px, a pudełko płyty w tle zaczyna się ok.
   470 px — połowa pudełka była pod tekstem. Kolumna 420 px; wewnętrzne kolumny (lista, przyciski) jedna pod drugą, bo dwa
   przyciski obok siebie potrzebują ok. 545 px. Tylko pulpit — na telefonie kontener i tak ma całą szerokość. */
@media (min-width: 1025px) {
    .ptf-section[data-anchor="Płyta"] .elementor-element.elementor-element-bb3762c { width: 420px !important; max-width: 420px !important; }
    .ptf-section[data-anchor="Płyta"] .elementor-element-bb3762c .elementor-inner-section .elementor-column { width: 100% !important; }
    /* przyciski siedzą w siatce Elementora 46b2134 (2 kolumny) — w wąskim kontenerze tekst łamał się na dwie linie;
       jedna kolumna, przycisk w jednej linii */
    .ptf-section[data-anchor="Płyta"] .elementor-element-46b2134 > .e-con-inner { grid-template-columns: 1fr !important; justify-items: start; }
    .ptf-section[data-anchor="Płyta"] .elementor-element-46b2134 .elementor-button { white-space: nowrap; }
}

/* @admin: Franek 2026-10-06 — ikony Spotify i YouTube przy „01 Energia” (linki w index.html). Białe jak ikony menu,
   najechanie = akcent strony; obszar kliknięcia 32 px (wygodny dla palca). */
.tenx-tracklist__links { display: inline-flex; gap: 4px; margin: -8px 0 -8px 6px; align-items: center; }   /* ujemny margines pionowy: wiersz z ikonami tej samej wysokości co pozostałe */
.tenx-tracklist__link {
    display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px;
    color: #fff; font-size: 20px; line-height: 1; text-decoration: none;
}
.tenx-tracklist__link:hover, .tenx-tracklist__link:focus-visible { color: var(--ptf-color-accent, #fc6600); }
.tenx-tracklist li { align-items: center; }

/* @admin: Franek 2026-10-06 — stopka na samym dole strony: „© Gloria Janeczek-Chomiuk” po lewej, „by Yagular” (link do
   yagular.com) po prawej. Szerokość jak kontener treści motywu (1300 px), pismo strony, bez akcentów krawędziowych. */
.tenx-stopka { background: #0a0513; color: rgba(255, 255, 255, .72); font-family: 'Poppins', sans-serif; font-size: 14px; }
.tenx-stopka__in {
    max-width: 1300px; margin: 0 auto; padding: 22px 15px 26px;
    display: flex; justify-content: space-between; align-items: center; gap: 8px 24px; flex-wrap: wrap;
}
.tenx-stopka a { color: #fff; font-weight: 600; text-decoration: none; }
.tenx-stopka a:hover, .tenx-stopka a:focus-visible { color: var(--ptf-color-accent, #fc6600); }

/* @admin: Franek 2026-10-06 — „ja kjest plyta juz wkrotce ten pierwszy slajd to lista utworow nie jest od lewej na rowno
   z naglowkiem tylko jakies 15px od lewej bez sensu odstep”. ZMIERZONE na glor-ja.pl: nagłówek 128 px, „Utwory:” i lista
   152 px (pulpit), 39 vs 63 px (telefon) — wewnętrzna kolumna z listą (a8f1094) ma z motywu padding-left 24 px, a nagłówek
   stoi poza nią. Wcięcie kolumny z listą zdjęte. */
.ptf-section[data-anchor="Płyta"] .elementor-element-a8f1094 > .elementor-widget-wrap { padding-left: 0 !important; }

/* @admin: Franek 2026-10-06 — „i na mobile ten obrazek z plyta pod naglowkiem a nie w tle jednak” + „mniejszy oczywiscie
   na szerokosc ekranu”. Pulpit bez zmian: płyta w tle sekcji, element pod nagłówkiem ukryty. Telefon (do 767 px): tło sekcji
   zdjęte, płyta jako obraz pod nagłówkiem na całą szerokość ekranu. ZMIERZONE (320–767 px): kolumna jest dzieckiem flexa,
   więc obraz bez flex:none kurczył się do jej szerokości (39–344 px przy 390); środek kolumny leży 2 px na prawo od środka
   ekranu — obraz ma po bokach przezroczysty margines z cieniem, więc wyrównanie do środka kolumny jest niewidoczne. */
.tenx-plyta-okladka { display: none; }
@media (max-width: 767px) {
    .ptf-section[data-anchor="Płyta"] { background-image: none !important; }
    .tenx-plyta-okladka {
        display: block; flex: none; width: 100vw; max-width: none;
        /* @admin: Franek 2026-10-06 — „ten obrazek z plyta ma byc w rownej odleglosci pomiedzy headerem a lista utworow
           (...) i ten button wspomoz na zrzutka.pl tez jakos dziwnie odstep duzy od listy utworow - chodzi o mobile”.
           ZMIERZONE przy 390 px (od widocznej płyty): nagłówek → płyta 21 px, płyta → „Utwory:” 75 px, lista → przycisk
           90 px. Jeden odstęp --tenx-plyta-odstep (32 px) w trzech miejscach. Obraz ma u góry i u dołu przezroczysty
           margines z cieniem = 4,36% szerokości ekranu (17 px przy 390), więc odejmujemy go, żeby liczyć od płyty. */
        margin: calc(var(--tenx-plyta-odstep) - 4.36vw) 0 calc(var(--tenx-plyta-odstep) - 4.36vw) calc(50% - 50vw);
    }
    .ptf-section[data-anchor="Płyta"] { --tenx-plyta-odstep: 32px; }
    /* puste odstępniki Elementora: pod płytą (fb454e5) i pod listą utworów (5eb8b18, 7e72355) */
    .ptf-section[data-anchor="Płyta"] .elementor-element-fb454e5,
    .ptf-section[data-anchor="Płyta"] .elementor-element-5eb8b18,
    .ptf-section[data-anchor="Płyta"] .elementor-element-7e72355 { display: none !important; }
    /* siatka przycisku ma 10 px wcięcia u góry, a ostatni utwór listy 5 px wcięcia u dołu — odejmujemy oba, żeby odstęp
       liczyć od tekstu listy do przycisku */
    .ptf-section[data-anchor="Płyta"] .elementor-element-46b2134 { margin-top: calc(var(--tenx-plyta-odstep) - 15px) !important; }
    .tenx-plyta-okladka img { display: block; width: 100%; height: auto; }
}