/*
 * Radzioch Business Training, LearnDash UI, baza z guide'u Karola.
 * Zrodlo: klienci/kamila-radzioch/strona/paczka-projekt/03-platforma/
 * radzioch-learndash-style.css (632 linie, wersja 1.0 Karola), przepisane
 * 1:1 strukturalnie (te same selektory i wlasciwosci), zeby plik zostal
 * mozliwy do zweryfikowania wobec zrodla. copy-ai9.4, 16.09.2026.
 *
 * Zmiany wobec oryginalu Karola (WYLACZNIE te trzy kategorie):
 * 1) @import Google Fonts wyciety: Bodoni Moda/Manrope juz laduja sie przez
 *    jdb_enqueue() w functions.php ('jdb-google-fonts', tez z krojem
 *    italic, potrzebnym do .ld-progress-percentage font-style:italic).
 * 2) Zmienne --rbt-* Karola ZDJETE calkowicie (nie zostaja jako lokalny,
 *    rownolegly slownik), kazde uzycie podmienione bezposrednio na token
 *    tego motywu (assets/css/tokens.css). Pelna mapa w PRZEKAZANIE.md /
 *    raporcie sesji copy-ai9.4, skrot:
 *      --rbt-ink        -> --surface-dark
 *      --rbt-ink-warm   -> --surface-dark-warm
 *      --rbt-paper      -> --surface-paper
 *      --rbt-ivory      -> --surface-cream
 *      --rbt-white      -> --surface-white
 *      --rbt-wine       -> --accent
 *      --rbt-wine-deep  -> --accent-hover
 *      --rbt-blush      -> --blush
 *      --rbt-gold       -> --gold
 *      --rbt-gold-light -> --gold-light
 *      --rbt-copy       -> --text-on-light
 *      --rbt-muted      -> --text-on-light-muted
 *      --rbt-border     -> --line-on-light
 *      --rbt-shadow     -> --shadow-karta
 *      --rbt-content    -> 1012px literalnie (wymiar tylko tego komponentu,
 *                          jedno uzycie, brak odpowiednika w tokens.css)
 *      "Bodoni Moda", Georgia, serif -> var(--font-display)
 *      "Manrope", sans-serif         -> var(--font-text)
 *    Kilka literalnych rgba() spoza slownika --rbt-* Karola (obwodki na
 *    ciemnym/jasnym tle, tlo paska postepu) zmapowane albo zostawione,
 *    oznaczone komentarzem przy kazdej regule z osobna.
 * 3) Specyficznosc PODBITA systematycznie: kazde wystapienie klasy root
 *    ".learndash-wrapper"/".ld-focus" powtorzone (np. ".learndash-wrapper
 *    .learndash-wrapper" -> ".learndash-wrapper.learndash-wrapper"), zeby
 *    kazdy selektor tego pliku mial specyficznosc o jedna klase WYZSZA niz
 *    identyczny selektor natywnej wtyczki (ld30/assets/css/learndash*.css),
 *    ktora laduje sie PO tym pliku w kolejce WP. Bez tego remis
 *    specyficznosci = przegrana z natywnym (kolejnosc ladowania rozstrzyga,
 *    natywny wygrywa). Zlapane juz raz na .ld-focus-sidebar (16.09.2026,
 *    poprzednia wersja tego pliku): bialy sidebar zamiast ciemnego, 350px
 *    zamiast 330px, top:0 chowajacy naglowek kursu pod headerem. Ta sama
 *    technika zastosowana tu do KAZDEGO selektora zawierajacego klase
 *    komponentu LD, nie tylko do tego jednego miejsca. `PAMIĘĆ:learndash-specyficznosc-remis-ld30`
 *
 * Selektory body.single-sfwd-* (tlo strony, nie komponent LD) nie dostaly
 * podbicia: natywna wtyczka nie definiuje regul na tych selektorach, wiec
 * nie ma z czym remisowac.
 *
 * Dodatki poza tym plikiem (Telegram, karta postepu inline, numeracja
 * akordeonu, dopasowania do realnego markupu LD odkryte przy budowie
 * widokow) ida do assets/css/learndash-uzupelnienia.css, laczonego PO tym
 * pliku w kolejce enqueue (functions.php, jdb_enqueue()). Ten plik ma
 * zostac czysty i 1:1 z guide'em Karola, zeby dalo sie go zweryfikowac
 * bez przekopywania sie przez dodatki.
 *
 * Widoki (lista/kurs/lekcja) NIE sa budowane w tej sesji, to copy-0hg.
 * Ten plik jest wylacznie baza CSS pod tamta robote.
 */

body.single-sfwd-courses main,
body.single-sfwd-lessons main,
body.single-sfwd-topic main,
body.single-sfwd-quiz main {
  /* Kamila 17.09.2026: bezowe tlo usuniete, biale. */
  background: var(--surface-white);
}

.learndash-wrapper.learndash-wrapper,
.ld-focus.ld-focus.ld-focus {
  color: var(--text-on-light);
  font-family: var(--font-text);
  font-size: 16px;
  line-height: 1.7;
}

/* Karol: margin-inline:auto + max-width:1012px + padding wlasny. Mozliwy
   konflikt z decyzja globalna #6 (budowa-strony.md: szerokosc kontenera
   ta sama dla headera/stopki/sekcji), jesli strona kursu bedzie owijac
   the_content() we wspolny .container motywu zamiast zostawiac ten
   wlasny wymiar - do rozstrzygniecia przy budowie widoku (copy-0hg), nie
   tutaj. Zostawione 1:1 z Karola celowo. */
.learndash-wrapper.learndash-wrapper {
  box-sizing: border-box;
  margin-inline: auto;
  max-width: 1012px;
  padding: clamp(48px, 6vw, 88px) 24px;
}

.learndash-wrapper.learndash-wrapper *,
.ld-focus.ld-focus.ld-focus * {
  box-sizing: border-box;
}

.learndash-wrapper.learndash-wrapper h1,
.learndash-wrapper.learndash-wrapper h2,
.learndash-wrapper.learndash-wrapper h3,
.learndash-wrapper.learndash-wrapper .entry-title,
.learndash-wrapper.learndash-wrapper .ld-course-title,
.ld-focus.ld-focus.ld-focus .ld-focus-content h1,
.ld-focus.ld-focus.ld-focus .ld-focus-content h2,
.ld-focus.ld-focus.ld-focus .ld-focus-content h3 {
  color: var(--surface-dark);
  font-family: var(--font-display);
  font-weight: 500;
  letter-spacing: -0.035em;
  line-height: 1.08;
}

.learndash-wrapper.learndash-wrapper h1,
.learndash-wrapper.learndash-wrapper .entry-title,
.ld-focus.ld-focus.ld-focus .ld-focus-content h1 {
  /* color-tp4, 20.09.2026: bylo clamp(42px,5vw,68px), Jakub zrzutem "zmniejsz
     te naglowki" - za duzy na tytul lekcji/tematu, w skali hero a nie
     podstrony. Ten sam token co reszta podstron platformy po korekcie D52
     (--fs-h1-podstrona, decyzje.md), zamiast osobnej wartosci tylko dla LD. */
  font-size: var(--fs-h1-podstrona);
  margin: 0 0 20px;
}

.learndash-wrapper.learndash-wrapper h2,
.ld-focus.ld-focus.ld-focus .ld-focus-content h2 {
  font-size: clamp(30px, 3.4vw, 46px);
  margin: 48px 0 20px;
}

.learndash-wrapper.learndash-wrapper h3,
.ld-focus.ld-focus.ld-focus .ld-focus-content h3 {
  font-size: clamp(24px, 2.5vw, 34px);
  margin: 36px 0 16px;
}

.learndash-wrapper.learndash-wrapper p,
.ld-focus.ld-focus.ld-focus .ld-focus-content p {
  margin: 0 0 20px;
}

.learndash-wrapper.learndash-wrapper a,
.ld-focus.ld-focus.ld-focus a {
  color: var(--surface-dark);
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}

/* Status i postep kursu */
.learndash-wrapper.learndash-wrapper .ld-course-status,
.learndash-wrapper.learndash-wrapper .ld-lesson-status,
.learndash-wrapper.learndash-wrapper .ld-topic-status {
  align-items: stretch;
  background: var(--surface-cream);
  border: 1px solid var(--line-on-light);
  border-radius: 0;
  box-shadow: none;
  display: grid;
  gap: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 32px 0 44px;
  padding: 0;
}

.learndash-wrapper.learndash-wrapper .ld-course-status .ld-status,
.learndash-wrapper.learndash-wrapper .ld-lesson-status .ld-status,
.learndash-wrapper.learndash-wrapper .ld-topic-status .ld-status,
.learndash-wrapper.learndash-wrapper .ld-course-status .ld-status-progress,
.learndash-wrapper.learndash-wrapper .ld-course-status .ld-status-progress:last-child {
  align-items: flex-start;
  background: transparent;
  border: 0;
  border-right: 1px solid var(--line-on-light);
  border-radius: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 150px;
  padding: 28px 32px;
}

.learndash-wrapper.learndash-wrapper .ld-course-status > :last-child,
.learndash-wrapper.learndash-wrapper .ld-lesson-status > :last-child,
.learndash-wrapper.learndash-wrapper .ld-topic-status > :last-child {
  border-right: 0;
}

.learndash-wrapper.learndash-wrapper .ld-progress,
.learndash-wrapper.learndash-wrapper .ld-progress .ld-progress-heading {
  margin: 0;
}

.learndash-wrapper.learndash-wrapper .ld-progress .ld-progress-stats .ld-progress-percentage {
  color: var(--surface-dark);
  font-family: var(--font-display);
  font-size: clamp(38px, 4vw, 56px);
  font-style: italic;
  font-weight: 500;
  letter-spacing: -0.04em;
  line-height: 1;
}

.learndash-wrapper.learndash-wrapper .ld-progress .ld-progress-bar {
  /* Karol: rgba(12, 9, 11, 0.10). Brak dokladnego odpowiednika w tokens.css
     (najblizszy --line-on-light to .12, roznica widoczna na cienkim pasku),
     wartosc zostaje literalnie. */
  background: rgba(12, 9, 11, 0.10);
  border-radius: 0;
  height: 6px;
  margin: 16px 0 0;
  overflow: hidden;
}

.learndash-wrapper.learndash-wrapper .ld-progress .ld-progress-bar .ld-progress-bar-percentage {
  background: var(--surface-dark);
  border-radius: 0;
  height: 6px;
}

.learndash-wrapper.learndash-wrapper .ld-status-label,
.learndash-wrapper.learndash-wrapper .ld-progress-steps,
.learndash-wrapper.learndash-wrapper .ld-course-status-label,
.learndash-wrapper.learndash-wrapper .ld-course-status-segment .ld-course-status-label {
  color: var(--text-on-light-muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.13em;
  line-height: 1.45;
  text-transform: uppercase;
}

.learndash-wrapper.learndash-wrapper .ld-status-complete,
.learndash-wrapper.learndash-wrapper .ld-status-progress,
.learndash-wrapper.learndash-wrapper .ld-status-waiting,
.learndash-wrapper.learndash-wrapper .ld-status-in-progress {
  border-radius: 0;
}

.learndash-wrapper.learndash-wrapper .ld-status-in-progress,
.learndash-wrapper.learndash-wrapper .ld-status-progress {
  background: var(--surface-dark);
  color: var(--surface-white);
}

.learndash-wrapper.learndash-wrapper .ld-status-complete {
  background: var(--surface-dark);
  color: var(--surface-white);
}

/* Lista modulow i lekcji */
.learndash-wrapper.learndash-wrapper .ld-item-list {
  margin: 0;
}

.learndash-wrapper.learndash-wrapper .ld-item-list .ld-section-heading {
  align-items: center;
  border-bottom: 1px solid var(--line-on-light);
  display: flex;
  justify-content: space-between;
  margin: 0 0 24px;
  padding: 0 0 20px;
}

.learndash-wrapper.learndash-wrapper .ld-item-list .ld-section-heading h2,
.learndash-wrapper.learndash-wrapper .ld-item-list .ld-section-heading h3 {
  font-family: var(--font-text);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.14em;
  margin: 0;
  text-transform: uppercase;
}

.learndash-wrapper.learndash-wrapper .ld-expand-button,
.learndash-wrapper.learndash-wrapper .ld-expand-button.ld-button-alternate {
  background: transparent;
  border: 1px solid var(--surface-dark);
  border-radius: 0;
  color: var(--surface-dark);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.10em;
  min-height: 48px;
  padding: 12px 20px;
  text-transform: uppercase;
  transition: background-color .2s ease, color .2s ease;
}

.learndash-wrapper.learndash-wrapper .ld-expand-button:hover,
.learndash-wrapper.learndash-wrapper .ld-expand-button.ld-button-alternate:hover {
  background: var(--surface-dark);
  color: var(--surface-white);
}

.learndash-wrapper.learndash-wrapper .ld-item-list .ld-item-list-item {
  background: var(--surface-white);
  border: 1px solid var(--line-on-light);
  border-radius: 0;
  box-shadow: none;
  margin: 0 0 14px;
  overflow: hidden;
  position: relative;
}

.learndash-wrapper.learndash-wrapper .ld-item-list .ld-item-list-item::before {
  /* Kamila 17.09.2026: zloty pasek -> czarny */
  background: var(--surface-dark);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  top: 0;
  width: 5px;
}

.learndash-wrapper.learndash-wrapper .ld-item-list .ld-item-list-item.ld-is-current-item,
.learndash-wrapper.learndash-wrapper .ld-item-list .ld-item-list-item.is-current {
  /* Kamila 17.09.2026: bordo -> czarny */
  background: var(--surface-dark);
  border-color: var(--surface-dark);
  color: var(--surface-white);
}

.learndash-wrapper.learndash-wrapper .ld-item-list .ld-item-list-item.ld-is-current-item::before,
.learndash-wrapper.learndash-wrapper .ld-item-list .ld-item-list-item.is-current::before {
  background: var(--surface-white);
}

.learndash-wrapper.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview {
  align-items: center;
  background: transparent;
  border: 0;
  min-height: 82px;
  padding: 18px 28px 18px 34px;
}

.learndash-wrapper.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-name {
  color: var(--surface-dark);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.015em;
  line-height: 1.45;
}

.learndash-wrapper.learndash-wrapper .ld-item-list .ld-is-current-item .ld-item-name,
.learndash-wrapper.learndash-wrapper .ld-item-list .is-current .ld-item-name,
.learndash-wrapper.learndash-wrapper .ld-item-list .ld-is-current-item .ld-item-title,
.learndash-wrapper.learndash-wrapper .ld-item-list .is-current .ld-item-title {
  color: var(--surface-white);
}

.learndash-wrapper.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-title .ld-item-components {
  color: var(--text-on-light-muted);
  font-size: 11px;
  font-weight: 500;
  margin-top: 6px;
}

.learndash-wrapper.learndash-wrapper .ld-item-list .ld-item-list-item .ld-status-icon {
  /* Karol: rgba(12, 9, 11, .28). Brak dokladnego odpowiednika w tokens.css
     (najblizszy --line-on-light-strong to .22, roznica zbyt duza zeby
     podmienic bez pytania), wartosc zostaje literalnie. */
  background: transparent;
  border: 1px solid rgba(12, 9, 11, .28);
  border-radius: 50%;
  color: var(--surface-dark);
}

.learndash-wrapper.learndash-wrapper .ld-item-list .ld-item-list-item .ld-status-icon.ld-status-complete {
  background: var(--surface-dark);
  border-color: var(--surface-dark);
  color: var(--surface-white);
}

.learndash-wrapper.learndash-wrapper .ld-table-list {
  background: var(--surface-cream);
  border: 0;
  border-radius: 0;
  margin: 0;
}

.learndash-wrapper.learndash-wrapper .ld-table-list .ld-table-list-header {
  background: var(--surface-dark-warm);
  border-radius: 0;
  color: var(--surface-white);
  padding: 16px 24px;
}

.learndash-wrapper.learndash-wrapper .ld-table-list .ld-table-list-item {
  border-bottom-color: var(--line-on-light);
  padding: 0;
}

.learndash-wrapper.learndash-wrapper .ld-table-list .ld-table-list-item-preview {
  padding: 17px 24px;
}

/* Przyciski LearnDash */
.learndash-wrapper.learndash-wrapper .ld-button,
.learndash-wrapper.learndash-wrapper a.ld-button,
.learndash-wrapper.learndash-wrapper .learndash_mark_complete_button,
.learndash-wrapper.learndash-wrapper #learndash_mark_complete_button,
.learndash-wrapper.learndash-wrapper input[type="submit"],
.ld-focus.ld-focus.ld-focus .ld-button,
.ld-focus.ld-focus.ld-focus a.ld-button {
  align-items: center;
  background: var(--surface-dark);
  border: 1px solid var(--surface-dark);
  border-radius: 0;
  box-shadow: none;
  color: var(--surface-white);
  cursor: pointer;
  display: inline-flex;
  font-family: var(--font-text);
  font-size: 11px;
  font-weight: 700;
  justify-content: center;
  letter-spacing: 0.12em;
  line-height: 1.2;
  min-height: 54px;
  padding: 17px 26px;
  text-transform: uppercase;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

.learndash-wrapper.learndash-wrapper .ld-button:hover,
.learndash-wrapper.learndash-wrapper a.ld-button:hover,
.learndash-wrapper.learndash-wrapper .learndash_mark_complete_button:hover,
.learndash-wrapper.learndash-wrapper #learndash_mark_complete_button:hover,
.ld-focus.ld-focus.ld-focus .ld-button:hover,
.ld-focus.ld-focus.ld-focus a.ld-button:hover {
  background: var(--surface-dark-warm);
  border-color: var(--surface-dark-warm);
  color: var(--surface-white);
  opacity: 1;
}

.learndash-wrapper.learndash-wrapper .ld-content-actions {
  align-items: center;
  border: 0;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin: 34px 0 0;
  padding: 0;
}

.learndash-wrapper.learndash-wrapper .ld-content-actions .ld-content-action {
  flex: 0 1 auto;
  padding: 0;
}

.learndash-wrapper.learndash-wrapper .ld-content-actions .ld-content-action:last-child .ld-button {
  background: var(--surface-dark);
  border-color: var(--surface-dark);
  color: var(--surface-white);
}

/* Focus Mode, widok konkretnej lekcji
   KOREKTA 16.09.2026 (weryfikacja live dowod.py po pierwszym buildzie tego pliku):
   natywny ld30 prefiksuje caly ten blok ".learndash-wrapper" (3 klasy total
   na kazdym selektorze), a poczatkowa wersja tego pliku dublowala tylko
   ".ld-focus" (rowniez 3 klasy) = REMIS, nie wygrana. Zywy test na
   .ld-focus-sidebar pokazal dokladnie stary bug (biale tlo, tekst kremowy
   na bialym). Poprawka: ".ld-focus" potrojone (4 klasy), realnie bije
   natywne 3. Sprawdz to samo zalozenie przy kazdym kolejnym bloku pliku,
   ktory NIE zaczyna sie od ".learndash-wrapper.learndash-wrapper" — ten
   wzorzec byl bezpieczny wylacznie tam, gdzie Karol mial ".learndash-wrapper"
   w oryginalnym selektorze. */
.ld-focus.ld-focus.ld-focus {
  /* Kamila 17.09.2026: bezowe -> biale */
  background: var(--surface-white);
  min-height: 100vh;
}

.ld-focus.ld-focus.ld-focus .ld-focus-header {
  display: none;
}

.ld-focus.ld-focus.ld-focus .ld-focus-sidebar {
  /* Jakub 17.09.2026: bylo --surface-dark-warm (odrobine cieplejszy odcien
     niz reszta panelu, ktora uzywa --surface-dark na hover/current) -
     widoczna roznica koloru miedzy tlem panelu a wierszami. Ujednolicone
     na --surface-dark wszedzie. */
  background: var(--surface-dark);
  border: 0;
  color: var(--surface-white);
  padding-top: 0;
  width: 330px;
}

.ld-focus.ld-focus.ld-focus .ld-focus-sidebar .ld-course-navigation-heading {
  background: transparent;
  /* Karol: rgba(255, 253, 248, .14). tokens.css ma DOKLADNIE ten pomiar
     udokumentowany jako poprzednia wartosc --line-on-dark, podbita do .18
     decyzja globalna D41 ("--line-on-dark podbite z .14 na .18,
     RADZIOCH_DESIGN_SYSTEM.md nadrzedny nad wczesniejszym pomiarem").
     Token, nie literal, zeby nie trzymac dwoch standardow tej samej linii. */
  border-bottom: 1px solid var(--line-on-dark);
  color: var(--surface-white);
  padding: 34px 30px 26px;
}

.ld-focus.ld-focus.ld-focus .ld-focus-sidebar .ld-course-navigation-heading h3,
.ld-focus.ld-focus.ld-focus .ld-focus-sidebar .ld-course-navigation-heading .ld-lesson-item-preview-heading {
  color: var(--surface-white);
  font-family: var(--font-text);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .13em;
  line-height: 1.45;
  margin: 0;
  text-transform: uppercase;
}

.ld-focus.ld-focus.ld-focus .ld-focus-sidebar .ld-course-navigation {
  padding-bottom: 26px;
}

.ld-focus.ld-focus.ld-focus .ld-focus-sidebar .ld-course-navigation .ld-lesson-item,
.ld-focus.ld-focus.ld-focus .ld-focus-sidebar .ld-course-navigation .ld-topic-list {
  border: 0;
}

.ld-focus.ld-focus.ld-focus .ld-focus-sidebar .ld-course-navigation .ld-lesson-item-preview,
.ld-focus.ld-focus.ld-focus .ld-focus-sidebar .ld-course-navigation .ld-topic-row {
  background: transparent;
  border: 0;
  /* Karol: rgba(255, 253, 248, .68), dopasowanie 1:1 z --text-on-dark-muted. */
  color: var(--text-on-dark-muted);
  min-height: 52px;
  padding: 13px 30px;
}

.ld-focus.ld-focus.ld-focus .ld-focus-sidebar .ld-course-navigation .ld-is-current-lesson .ld-lesson-item-preview,
.ld-focus.ld-focus.ld-focus .ld-focus-sidebar .ld-course-navigation .ld-is-current-item .ld-topic-row,
.ld-focus.ld-focus.ld-focus .ld-focus-sidebar .ld-course-navigation .ld-topic-row:hover,
.ld-focus.ld-focus.ld-focus .ld-focus-sidebar .ld-course-navigation .ld-lesson-item-preview:hover {
  /* Kamila 17.09.2026: bordo -> czarny, dodane podkreslenie biale */
  background: var(--surface-dark);
  border-bottom: 2px solid var(--surface-white);
  color: var(--surface-white);
}

.ld-focus.ld-focus.ld-focus .ld-focus-sidebar .ld-course-navigation .ld-lesson-title,
.ld-focus.ld-focus.ld-focus .ld-focus-sidebar .ld-course-navigation .ld-topic-title {
  color: inherit;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.45;
}

.ld-focus.ld-focus.ld-focus .ld-focus-sidebar .ld-status-icon {
  background: transparent;
  /* Karol: rgba(255, 253, 248, .32), blisko --line-on-dark-strong (.34,
     roznica .02, niedostrzegalna), token zamiast literala z tego samego
     powodu co border-bottom wyzej. */
  border-color: var(--line-on-dark-strong);
}

.ld-focus.ld-focus.ld-focus .ld-focus-sidebar .ld-status-icon.ld-status-complete {
  background: var(--surface-white);
  border-color: var(--surface-white);
  color: var(--surface-dark);
}

.ld-focus.ld-focus.ld-focus .ld-focus-main {
  background: var(--surface-white);
  margin-left: 330px;
}

.ld-focus.ld-focus.ld-focus .ld-focus-main .ld-focus-content {
  margin: 0 auto;
  max-width: 960px;
  /* color-tp5, 20.09.2026: bylo clamp(52px,6vw,84px) gora - Jakub zrzutem,
     strzalka na puste pole nad czarnym paskiem "Zawartosc lekcji" i nad
     kartą wideo, "musimy usunac". Ten padding siedzi PRZED .ld-focus-topbar
     (breadcrumb), wiec na stronach gdzie zaraz potem jest kontrastowy czarny
     element robi sie widoczna szczelina. Przycieta, zostaje tylko odrobina
     oddechu, nie cale pole. */
  padding: clamp(16px, 1.6vw, 24px) clamp(28px, 5vw, 64px) 80px;
}

.ld-focus.ld-focus.ld-focus .ld-focus-content .learndash-wrapper {
  max-width: none;
  padding: 0;
}

.ld-focus.ld-focus.ld-focus .ld-video,
.ld-focus.ld-focus.ld-focus .ld-video iframe,
.ld-focus.ld-focus.ld-focus .wp-block-embed,
.ld-focus.ld-focus.ld-focus .wp-video,
.ld-focus.ld-focus.ld-focus video {
  border: 0;
  border-radius: 0;
  box-shadow: var(--shadow-karta);
  display: block;
  margin: 30px 0 0;
  max-width: 100%;
  width: 100%;
}

.ld-focus.ld-focus.ld-focus .ld-focus-content .ld-lesson-status,
.ld-focus.ld-focus.ld-focus .ld-focus-content .ld-topic-status {
  margin-top: 24px;
}

/* Formularze, notatki i komunikaty */
.learndash-wrapper.learndash-wrapper input[type="text"],
.learndash-wrapper.learndash-wrapper input[type="email"],
.learndash-wrapper.learndash-wrapper input[type="password"],
.learndash-wrapper.learndash-wrapper textarea,
.learndash-wrapper.learndash-wrapper select {
  background: var(--surface-white);
  border: 1px solid var(--line-on-light);
  border-radius: 0;
  color: var(--surface-dark);
  font-family: var(--font-text);
  min-height: 52px;
  padding: 13px 16px;
}

.learndash-wrapper.learndash-wrapper .ld-alert {
  background: var(--surface-cream);
  border: 1px solid var(--line-on-light);
  border-left: 5px solid var(--surface-dark);
  border-radius: 0;
  color: var(--text-on-light);
  padding: 18px 22px;
}

.learndash-wrapper.learndash-wrapper .ld-tabs .ld-tabs-navigation {
  border-bottom: 1px solid var(--line-on-light);
}

.learndash-wrapper.learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab {
  color: var(--text-on-light-muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .10em;
  padding: 18px 20px;
  text-transform: uppercase;
}

.learndash-wrapper.learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab.ld-active {
  color: var(--surface-dark);
}

.learndash-wrapper.learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab.ld-active::after {
  background: var(--surface-dark);
  height: 3px;
}

/* Tablet */
@media (max-width: 1024px) {
  .learndash-wrapper.learndash-wrapper .ld-course-status,
  .learndash-wrapper.learndash-wrapper .ld-lesson-status,
  .learndash-wrapper.learndash-wrapper .ld-topic-status {
    grid-template-columns: 1fr;
  }

  .learndash-wrapper.learndash-wrapper .ld-course-status .ld-status,
  .learndash-wrapper.learndash-wrapper .ld-course-status .ld-status-progress,
  .learndash-wrapper.learndash-wrapper .ld-lesson-status .ld-status,
  .learndash-wrapper.learndash-wrapper .ld-topic-status .ld-status {
    border-bottom: 1px solid var(--line-on-light);
    border-right: 0;
    min-height: auto;
  }

  .ld-focus.ld-focus.ld-focus .ld-focus-sidebar {
    width: 290px;
  }

  .ld-focus.ld-focus.ld-focus .ld-focus-main {
    margin-left: 290px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .learndash-wrapper.learndash-wrapper {
    padding: 42px 18px 56px;
  }

  .learndash-wrapper.learndash-wrapper .ld-item-list .ld-section-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 16px;
  }

  .learndash-wrapper.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview {
    min-height: 74px;
    padding: 16px 16px 16px 24px;
  }

  .learndash-wrapper.learndash-wrapper .ld-content-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .learndash-wrapper.learndash-wrapper .ld-content-actions .ld-content-action,
  .learndash-wrapper.learndash-wrapper .ld-content-actions .ld-button,
  .learndash-wrapper.learndash-wrapper .ld-content-actions form,
  .learndash-wrapper.learndash-wrapper .ld-content-actions input[type="submit"] {
    width: 100%;
  }

  .ld-focus.ld-focus.ld-focus .ld-focus-sidebar {
    bottom: auto;
    max-height: none;
    position: relative;
    top: auto;
    width: 100%;
  }

  .ld-focus.ld-focus.ld-focus .ld-focus-main {
    margin-left: 0;
  }

  .ld-focus.ld-focus.ld-focus .ld-focus-main .ld-focus-content {
    padding: 16px 18px 56px;
  }
}