/*
 * COD 2026 – szkolenia (LearnDash, szablony LD30): lista szkoleń, kurs, lekcje, zagadnienia, testy, profil.
 * Kolory przycisków LearnDash ustaw też w: LearnDash LMS → Ustawienia → Wygląd: kolor główny #1a6472, akcent #0e2a30.
 */

/* ---------- Nagłówek kursu / lekcji ---------- */
.learn-hero{position:relative; background:var(--sand); padding:clamp(2rem, 5vw, 3.5rem) 0; overflow:hidden; isolation:isolate}
.learn-hero--course{background:var(--night); color:var(--on-night); padding:clamp(2.5rem, 6vw, 4.5rem) 0}
.learn-hero__title{font-size:clamp(2rem, 4.6vw, 3.6rem); font-weight:350; letter-spacing:-.03em; line-height:1.08; max-width:24ch}
.learn-hero--course .learn-hero__title{color:#fff}
.learn-hero .num-tag{margin-bottom:.6rem}
.learn-hero__back{margin:0 0 1rem; font-size:.95rem}
.learn-hero__back a{display:inline-flex; align-items:center; gap:.4rem; color:var(--teal); font-weight:700; text-decoration:none}
.learn-hero__back svg{width:16px; height:16px}
.learn-wrap{max-width:calc(980px + 2 * var(--pad))}
.learn-content{font-size:1.06rem}
.learn-content .learndash-wrapper ul > li::before,.learn-content .learndash-wrapper ol > li::marker{display:none; content:none}
.learn-content .learndash-wrapper ul > li{padding-left:0}

/* ---------- Lista szkoleń ---------- */
.course-grid{display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:1.25rem}
.course-card{position:relative; display:flex; flex-direction:column; background:var(--paper); border:1px solid var(--line); border-radius:var(--r-lg); overflow:hidden; transition:transform .45s var(--ease), box-shadow .45s var(--ease)}
.course-card:hover{transform:translateY(-5px); box-shadow:0 30px 60px -35px rgba(14,42,48,.5)}
.course-card__img{display:block; aspect-ratio:16/9; background:var(--sand); overflow:hidden}
.course-card__img img{width:100%; height:100%; object-fit:cover}
.course-card__body{display:flex; flex-direction:column; gap:.8rem; padding:var(--pad-card) var(--pad-card) calc(var(--pad-card) + .25rem)}
.course-card__title{font-size:var(--fs-h3-lg); line-height:1.15}
.course-card__title a{color:inherit; text-decoration:none}
.course-card__body p{margin:0; color:var(--ink-soft)}
.course-card__body .btn{align-self:flex-start; margin-top:.4rem}
.course-card__badge{display:inline-flex; align-items:center; gap:.4rem; align-self:flex-start; padding:.35rem .75rem; border-radius:999px; background:var(--ok-bg); color:var(--ok-fg)!important; font-weight:700; font-size:.85rem}
.course-card__badge svg{width:16px; height:16px}
.progress-line{height:8px; border-radius:8px; background:var(--sand); overflow:hidden}
.progress-line span{display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--teal),var(--aqua-2))}
@media (max-width: 760px){ .course-grid{grid-template-columns:1fr} }

/* ---------- Pasek „Twój postęp” na stronie kursu ---------- */
.learn-status{display:grid; grid-template-columns:1fr auto; align-items:center; gap:1.25rem 2.5rem; padding:clamp(1.25rem, 3vw, 2rem); margin:0 0 2.5rem; border-radius:var(--r-lg); background:var(--paper); border:1px solid var(--line); box-shadow:0 24px 60px -44px rgba(14,42,48,.5)}
.learn-status__label{margin:0 0 .6rem; font-weight:700}
.learn-status__meta{margin:.6rem 0 0; color:var(--ink-soft); font-size:.95rem}
.learn-status__meta strong{color:var(--ink); font-size:1.05rem}
.progress-line--lg{height:12px}
.learn-status__go{white-space:normal; text-align:center; height:auto; min-height:var(--btn-h); padding:.8rem 1.6rem}
@media (max-width: 700px){ .learn-status{grid-template-columns:1fr} .learn-status__go{width:100%} }
/* Własny pasek postępu zastępuje pasek LearnDash na stronie kursu */
.learn-content--has-status .learndash-wrapper .ld-course-status.ld-course-status-enrolled,
.learn-content--has-status .learndash-wrapper .ld-course-status .ld-progress,
.learn-content--has-status .learndash-wrapper .ld-progress.ld-progress-inline{display:none!important}

/* ---------- LearnDash LD30: kolory strony zamiast kolorów z ustawień wtyczki ----------
   LearnDash dopisuje kolory z ustawień (np. niebieski) z !important – nadpisujemy je mocniejszymi selektorami. */
.learndash-wrapper{--ld-primary:var(--teal); font-family:var(--sans)!important; color:var(--ink)}
body .learndash-wrapper .ld-primary-color,body .learndash-wrapper .ld-primary-color-hover:hover,body .learndash-wrapper a.ld-primary-color,
body .learndash-wrapper .ld-secondary-color,body .learndash-wrapper .ld-secondary-color-hover:hover,body .learndash-wrapper .ld-alternate-color{color:var(--teal)!important}
body .learndash-wrapper .ld-primary-background,body .learndash-wrapper .ld-secondary-background,body .learndash-wrapper .ld-primary-background-hover:hover{background-color:var(--pri-bg-base)!important; color:var(--pri-fg-base)!important}
body .learndash-wrapper .ld-primary-border,body .learndash-wrapper .ld-secondary-border{border-color:var(--teal)!important}
body .learndash-wrapper .ld-status-icon.ld-status-complete,body .learndash-wrapper .ld-status-complete{background:var(--pri-bg-base)!important; color:var(--pri-fg-base)!important}
body .learndash-wrapper .ld-status-icon.ld-status-incomplete{border-color:var(--line)!important}
body .learndash-wrapper .ld-status-icon.ld-status-in-progress{border-left-color:var(--teal)!important; border-top-color:var(--teal)!important}

/* Tekst i karty LearnDash w kolorach motywu (także w trybie ciemnym) */
body .learndash-wrapper .ld-item-list .ld-item-list-item,body .learndash-wrapper .ld-table-list,body .learndash-wrapper .ld-table-list .ld-table-list-items{background:var(--paper)!important; border-color:var(--line)!important; border-radius:var(--r-md)!important; box-shadow:none!important; color:var(--ink)}
body .learndash-wrapper .ld-item-list .ld-item-list-item:hover{border-color:var(--aqua-2)!important}
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-name,body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-title,
body .learndash-wrapper .ld-table-list .ld-table-list-item a,body .learndash-wrapper .ld-table-list .ld-table-list-item .ld-topic-title{color:var(--ink)!important; font-weight:600}
body .learndash-wrapper .ld-item-components,body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-components span,body .learndash-wrapper .ld-progress .ld-progress-stats,
body .learndash-wrapper .ld-progress .ld-progress-heading .ld-progress-label,body .learndash-wrapper .ld-progress-steps,body .learndash-wrapper .ld-progress-last-activity{color:var(--ink-soft)!important}
body .learndash-wrapper .ld-table-list .ld-table-list-header{background:var(--sand)!important; color:var(--ink)!important; border-radius:var(--r-md) var(--r-md) 0 0}
body .learndash-wrapper .ld-table-list .ld-table-list-item{border-color:var(--line)!important}
body .learndash-wrapper .ld-table-list .ld-table-list-item:hover,body .learndash-wrapper .ld-table-list .ld-table-list-item-preview:hover{background:var(--sand)!important}
.learndash-wrapper .ld-section-heading{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:1rem}
.learndash-wrapper .ld-section-heading h2{font-family:var(--serif)!important; font-weight:400!important; font-size:clamp(1.5rem, 2.6vw, 2rem)!important; letter-spacing:-.01em; color:var(--ink)!important}
.learndash-wrapper .ld-lesson-section-heading,.learndash-wrapper .ld-item-list-section-heading{font-family:var(--serif)!important; font-weight:400!important; font-size:1.25rem!important; color:var(--ink)!important; margin:1.5rem 0 .6rem!important}
body .learndash-wrapper .ld-progress .ld-progress-bar{height:8px!important; border-radius:8px!important; background:var(--sand)!important}
body .learndash-wrapper .ld-progress .ld-progress-bar .ld-progress-bar-percentage{border-radius:8px!important; background:linear-gradient(90deg,var(--teal),var(--aqua-2))!important}
body .learndash-wrapper .ld-progress .ld-progress-percentage{color:var(--teal)!important}
body .learndash-wrapper .ld-course-status.ld-course-status-enrolled,body .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled{border-radius:var(--r-lg)!important; background:var(--sand)!important; border:0!important; padding:1.25rem 1.5rem!important; color:var(--ink)}
body .learndash-wrapper .ld-course-status .ld-course-status-label,body .learndash-wrapper .ld-course-status .ld-course-status-price{color:var(--ink)!important}
body .learndash-wrapper .ld-status{border-radius:999px!important; font-weight:700!important; background:var(--sand)!important; color:var(--ink)!important}
body .learndash-wrapper .ld-status.ld-status-complete,body .learndash-wrapper .ld-status-progress,body .learndash-wrapper .ld-status.ld-status-progress{background:var(--pri-bg-base)!important; color:var(--pri-fg-base)!important}
body .learndash-wrapper .ld-alert{border-radius:var(--r-md)!important; border-width:1.5px!important; background:var(--paper)!important; color:var(--ink)!important; border-color:var(--line)!important}
body .learndash-wrapper .ld-alert .ld-alert-icon{background:var(--pri-bg-base)!important; color:var(--pri-fg-base)!important}
body .learndash-wrapper .ld-tabs .ld-tabs-navigation{border-bottom:1px solid var(--line)!important}
body .learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab{font-weight:700; color:var(--ink-soft)!important}
body .learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab.ld-active{border-bottom-color:var(--teal)!important; color:var(--ink)!important}
.learndash-wrapper .ld-profile-summary .ld-profile-card .ld-profile-avatar img{border-radius:50%}
body .learndash-wrapper .ld-profile-summary .ld-profile-stats .ld-profile-stat strong{font-family:var(--serif); font-weight:400; color:var(--teal)!important}
body .learndash-wrapper .ld-profile-summary .ld-profile-stats .ld-profile-stat span{color:var(--ink-soft)!important}
body .learndash-wrapper .ld-profile-summary .ld-profile-card .ld-profile-heading{color:var(--ink)!important}

/* ---------- Przyciski LearnDash: te same co na całej stronie ---------- */
body .learndash-wrapper .ld-button,body .learndash-wrapper .ld-content-action a,body .learndash-wrapper .learndash_mark_complete_button,
body .learndash-wrapper #learndash_mark_complete_button,body .learndash-wrapper .btn-join,body .learndash-wrapper #btn-join,body .learndash-wrapper .wpProQuiz_button,
body .learndash-wrapper .ld-course-list-items .ld_course_grid .btn-primary{
  display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:.5rem!important; min-height:48px!important; height:auto!important; padding:.7rem 1.4rem!important; border-radius:999px!important;
  background:var(--pri-bg-base)!important; color:var(--pri-fg-base)!important; font:700 .98rem/1.2 var(--sans)!important; border:1.5px solid var(--pri-bg-base)!important; box-shadow:none!important; text-transform:none!important; letter-spacing:0!important; text-decoration:none!important; opacity:1!important; cursor:pointer}
body .learndash-wrapper .ld-button:hover,body .learndash-wrapper .learndash_mark_complete_button:hover,body .learndash-wrapper #learndash_mark_complete_button:hover,body .learndash-wrapper .ld-content-action a:hover{filter:brightness(1.12); color:var(--pri-fg-base)!important}
body .learndash-wrapper .ld-button .ld-icon,body .learndash-wrapper .ld-content-action a .ld-icon{color:inherit!important; background:none!important}
/* Przyciski drugorzędne: z obramowaniem */
body .learndash-wrapper .ld-button.ld-button-transparent,body .learndash-wrapper .ld-button.ld-button-reverse,
body .learndash-wrapper .ld-content-actions .ld-content-action:first-child a,body .learndash-wrapper .ld-content-actions .ld-content-action:last-child a{background:transparent!important; color:var(--ink)!important; border-color:var(--ink)!important}
body .learndash-wrapper .ld-content-actions .ld-content-action:first-child a:hover,body .learndash-wrapper .ld-content-actions .ld-content-action:last-child a:hover{background:var(--sand)!important; filter:none}

/* „Rozwiń wszystko” i „Rozwiń” przy modułach: czytelne, w stylu strony */
body .learndash-wrapper .ld-expand-button,body .learndash-wrapper .ld-expand-button.ld-primary-background{
  display:inline-flex!important; align-items:center!important; gap:.5rem!important; min-height:40px!important; padding:.45rem 1rem!important; border-radius:999px!important;
  background:transparent!important; color:var(--ink)!important; border:1.5px solid var(--line)!important; box-shadow:none!important; font:700 .9rem/1.2 var(--sans)!important; text-transform:none!important; letter-spacing:0!important}
body .learndash-wrapper .ld-expand-button:hover{border-color:var(--teal)!important; background:var(--sand)!important}
body .learndash-wrapper .ld-expand-button .ld-text{color:inherit!important}
body .learndash-wrapper .ld-expand-button .ld-icon,body .learndash-wrapper .ld-expand-button .ld-icon-arrow-down{display:inline-grid!important; place-items:center; width:22px!important; height:22px!important; border-radius:50%!important; background:var(--pri-bg-base)!important; color:var(--pri-fg-base)!important; font-size:12px!important; line-height:22px!important}
body .learndash-wrapper .ld-expand-button.ld-button-alternate{border-color:transparent!important; padding-left:.4rem!important}
body .learndash-wrapper .ld-expand-button.ld-button-alternate:hover{border-color:var(--line)!important}
body .learndash-wrapper .ld-expand-button:focus-visible{outline:3px solid var(--aqua-2)!important; outline-offset:2px}

/* „Wyloguj” / „Zaloguj” z LearnDash: mały, spokojny przycisk zamiast dużego paska */
body .learndash-wrapper .ld-login,body .learndash-wrapper .ld-logout,body .learndash-wrapper a.ld-login-button{
  display:inline-flex!important; width:auto!important; max-width:max-content; align-items:center!important; gap:.4rem!important; min-height:38px!important; padding:.35rem .95rem!important; margin:0 0 1.5rem auto!important;
  border-radius:999px!important; background:transparent!important; color:var(--ink-soft)!important; border:1.5px solid var(--line)!important; font:600 .88rem/1.2 var(--sans)!important; box-shadow:none!important}
body .learndash-wrapper .ld-login:hover,body .learndash-wrapper .ld-logout:hover{color:var(--ink)!important; border-color:var(--ink)!important; filter:none}
body .learndash-wrapper .ld-login .ld-icon,body .learndash-wrapper .ld-logout .ld-icon{font-size:.8rem!important}

/* Nawigacja lekcji: Poprzednia · Oznacz jako ukończone · Następna */
body .learndash-wrapper .ld-content-actions{display:flex!important; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:.75rem; border-top:1px solid var(--line)!important; padding-top:1.5rem!important; margin-top:2.5rem!important}
body .learndash-wrapper .ld-content-actions .ld-content-action{flex:0 1 auto; display:flex; align-items:center; min-width:0}
body .learndash-wrapper .ld-content-actions .ld-content-action.ld-empty{visibility:hidden}
body .learndash-wrapper .ld-content-actions .ld-course-step-back{order:5; flex-basis:100%; justify-content:center; color:var(--teal)!important; font-weight:700}
@media (max-width: 640px){
  body .learndash-wrapper .ld-content-actions{flex-direction:column; align-items:stretch}
  body .learndash-wrapper .ld-content-actions .ld-content-action,body .learndash-wrapper .ld-content-actions .ld-content-action a,
  body .learndash-wrapper .ld-content-actions .ld-content-action form,body .learndash-wrapper .ld-content-actions .ld-content-action input{width:100%!important}
  body .learndash-wrapper .ld-content-actions .ld-content-action.ld-empty{display:none}
}

/* Tryb skupienia LearnDash ma własny układ strony – zostaje jasny */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]):has(body.ld-in-focus-mode){--bg:#fbfaf7; --paper:#ffffff; --sand:#f2ede0; --sand-2:#e7dfc8; --ink:#14282c; --ink-soft:#4a5d61; --teal:#1a6472; --teal-2:#124b56; --line:#e3e2dc; --pri-bg-base:#0e2a30; --pri-fg-base:#ffffff; --pri-bg:#0e2a30; --pri-fg:#ffffff; color-scheme:light}
}

/* Testy (wpProQuiz ma własne, jasne style – zostają na jasnej karcie) */
.wpProQuiz_content .wpProQuiz_questionList{border-radius:var(--r-md); border-color:var(--line)!important}
.wpProQuiz_content .wpProQuiz_questionListItem label{border-radius:12px!important}
.wpProQuiz_content .wpProQuiz_questionListItem.wpProQuiz_answerCorrect label{background:var(--ok-bg)!important; color:var(--ok-fg)!important}
.wpProQuiz_content .wpProQuiz_questionListItem.wpProQuiz_answerIncorrect label{background:var(--bad-bg)!important; color:var(--bad-fg)!important}

/* Siatka kursów (dawny Course Grid w LearnDash) */
.ld-course-list-items.row{display:grid!important; grid-template-columns:repeat(auto-fill, minmax(260px, 1fr)); gap:1.25rem; margin:0!important}
.ld-course-list-items.row > *{width:auto!important; max-width:none!important; padding:0!important; float:none!important}

/* Treść LearnDash nie dziedziczy podkreśleń linków z treści strony */
.learn-content .learndash-wrapper a{text-decoration:none}
.learn-content .learndash-wrapper .ld-item-list-item a:hover .ld-item-title{color:var(--teal)!important}

/* =========================================================
   1.3 – dopracowanie LearnDash: przyciski bez ucinania, pasek lekcji, ikony statusu
   ========================================================= */
/* Kontenery LearnDash nie mogą przycinać przycisków */
body .learndash-wrapper .ld-content-actions,body .learndash-wrapper .ld-content-action,body .learndash-wrapper .ld-course-status,
body .learndash-wrapper .ld-course-status-action,body .learndash-wrapper .ld-course-status-segment,body .learndash-wrapper .ld-item-list-actions,
body .learndash-wrapper .ld-section-heading,body .learndash-wrapper .ld-item-details{overflow:visible!important; height:auto!important; max-height:none!important}

/* Wspólne wymiary przycisków LearnDash = przyciski strony (54 px, wysokość dopasowana do tekstu) */
body .learndash-wrapper .ld-button,body .learndash-wrapper .ld-content-action a,body .learndash-wrapper .ld-content-action .ld-button,
body .learndash-wrapper .learndash_mark_complete_button,body .learndash-wrapper #learndash_mark_complete_button,body .learndash-wrapper .wpProQuiz_button,
body .learndash-wrapper .btn-join,body .learndash-wrapper #btn-join{
  box-sizing:border-box!important; min-height:54px!important; height:auto!important; max-width:none!important; width:auto!important; padding:.85rem 1.6rem!important;
  line-height:1.2!important; font-size:.98rem!important; white-space:nowrap!important; overflow:visible!important; text-indent:0!important; vertical-align:middle}
body .learndash-wrapper .ld-content-action a .ld-text,body .learndash-wrapper .ld-button .ld-text{white-space:nowrap!important; color:inherit!important; font:inherit!important}
body .learndash-wrapper .ld-content-action a .ld-icon,body .learndash-wrapper .ld-button .ld-icon{position:static!important; margin:0!important; font-size:.9rem!important; line-height:1!important}

/* „Oznacz jako ukończone”: napis zawsze widoczny */
body .learndash-wrapper .learndash_mark_complete_button,body .learndash-wrapper #learndash_mark_complete_button,
body .learndash-wrapper .learndash_mark_complete_button *{color:var(--pri-fg-base)!important; -webkit-text-fill-color:var(--pri-fg-base)!important; font-family:var(--sans)!important; font-weight:700!important; letter-spacing:0!important; text-shadow:none!important; visibility:visible!important; opacity:1!important}
body .learndash-wrapper .learndash_mark_complete_button,body .learndash-wrapper #learndash_mark_complete_button{background-image:none!important; padding-left:3rem!important; position:relative}
body .learndash-wrapper .sfwd-mark-complete{position:relative; margin:0!important; display:inline-flex}
body .learndash-wrapper .sfwd-mark-complete::before{content:"✓"; position:absolute; left:1.4rem; top:50%; transform:translateY(-50%); z-index:1; font:700 1rem/1 var(--sans); color:var(--pri-fg-base); pointer-events:none}
body .learndash-wrapper .learndash_mark_complete_button:disabled,body .learndash-wrapper #learndash_mark_complete_button:disabled{opacity:.55!important; cursor:not-allowed!important; filter:none!important}
body .learndash-wrapper .learndash_timer{display:block; margin:.5rem 0 0; text-align:center; color:var(--ink-soft)!important; font-size:.9rem}

/* Nawigacja lekcji – jedna linia na komputerze, pełna szerokość na telefonie */
body .learndash-wrapper .ld-content-actions .ld-content-action{flex:0 1 auto!important; width:auto!important; min-width:0; display:flex!important; justify-content:center}
body .learndash-wrapper .ld-content-actions .ld-content-action:first-child{justify-content:flex-start}
body .learndash-wrapper .ld-content-actions .ld-content-action:last-child{justify-content:flex-end}
@media (max-width: 760px){
  body .learndash-wrapper .ld-content-actions .ld-content-action{width:100%!important; max-width:none!important; flex:1 1 100%!important; justify-content:stretch!important}
  body .learndash-wrapper .ld-content-actions .ld-content-action form{width:100%}
  body .learndash-wrapper .ld-content-actions .ld-content-action a,body .learndash-wrapper .ld-content-actions .sfwd-mark-complete,
  body .learndash-wrapper .ld-content-actions .learndash_mark_complete_button{width:100%!important; white-space:normal!important}
}

/* Pasek u góry lekcji/tematu (ścieżka, status, postęp) w kolorach strony */
body .learndash-wrapper .ld-topic-status,body .learndash-wrapper .ld-lesson-status,body .learndash-wrapper .ld-quiz-status{background:var(--paper)!important; color:var(--ink)!important; border:1px solid var(--line)!important; border-radius:var(--r-lg)!important; padding:1.25rem 1.5rem!important; box-shadow:none!important}
body .learndash-wrapper .ld-breadcrumbs{background:transparent!important; padding:0!important; margin:0 0 1rem!important; border:0!important; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:.6rem 1rem}
body .learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs-segments{display:flex; flex-wrap:wrap; gap:.25rem; font-size:.92rem}
body .learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs-segments span a,body .learndash-wrapper .ld-breadcrumbs a{color:var(--teal)!important; font-weight:600}
body .learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs-segments span + span::before{content:"›"!important; color:var(--ink-soft)!important; margin:0 .4rem!important}
body .learndash-wrapper .ld-progress .ld-progress-heading{display:flex; flex-wrap:wrap; justify-content:space-between; gap:.5rem}
body .learndash-wrapper .ld-progress .ld-progress-heading .ld-progress-label{text-transform:none!important; letter-spacing:0!important; font-weight:700; font-size:.92rem}

/* Ikony statusu: obrys = do zrobienia, wypełnione z ✓ = ukończone */
body .learndash-wrapper .ld-status-icon.ld-status-incomplete,body .learndash-wrapper .ld-status-incomplete.ld-status-icon{background:transparent!important; border:2px solid var(--field-border)!important; box-shadow:none!important}
body .learndash-wrapper .ld-status-icon.ld-status-complete,body .learndash-wrapper .ld-status-icon.ld-status-complete .ld-icon{background:var(--pri-bg-base)!important; color:var(--pri-fg-base)!important; border-color:var(--pri-bg-base)!important}

/* Lista modułów i tematów: równe wiersze i odstępy */
body .learndash-wrapper .ld-item-list .ld-item-list-item{margin-bottom:.75rem!important}
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview{min-height:76px; padding:1rem 1.25rem!important; align-items:center}
body .learndash-wrapper .ld-table-list .ld-table-list-items .ld-table-list-item .ld-table-list-item-preview{min-height:60px; padding:.9rem 1.25rem!important; align-items:center}
body .learndash-wrapper .ld-table-list .ld-table-list-header{padding:1.1rem 1.25rem!important; align-items:center}
body .learndash-wrapper .ld-table-list .ld-table-list-header .ld-table-list-title,body .learndash-wrapper .ld-table-list .ld-table-list-header .ld-text{color:var(--ink)!important; font-weight:700; text-transform:none!important}

/* „Wyloguj” – bez ucinania */
body .learndash-wrapper .ld-login,body .learndash-wrapper .ld-logout,body .learndash-wrapper a.ld-login-button{min-height:42px!important; height:auto!important; padding:.55rem 1.1rem!important; line-height:1.2!important; overflow:visible!important; white-space:nowrap!important}

/* Układ wierszy (gdyby styl LearnDash się nie wczytał albo był nadpisany) */
body .learndash-wrapper .ld-table-list-item-preview,body .learndash-wrapper .ld-item-list-item-preview,body .learndash-wrapper .ld-item-list-item .ld-item-name{display:flex!important; align-items:center!important; gap:.85rem}
body .learndash-wrapper .ld-item-list-item-preview{justify-content:space-between}
body .learndash-wrapper .ld-status-icon{flex:none}
body .learndash-wrapper .ld-table-list .ld-table-list-header{display:flex!important; flex-wrap:wrap; justify-content:space-between; gap:.4rem 1rem}
body .learndash-wrapper .ld-table-list-lesson-details{display:flex; flex-wrap:wrap; gap:.4rem .9rem; font-size:.9rem; color:var(--ink-soft)!important}
body .learndash-wrapper .ld-status{padding:.4rem .9rem!important; font-size:.8rem!important; line-height:1.2!important; text-transform:none!important; letter-spacing:0!important}
body .learndash-wrapper .ld-status-icon{display:inline-grid!important; place-items:center; width:26px!important; height:26px!important; min-width:26px; border-radius:50%!important; font-size:12px}
body .learndash-wrapper .ld-item-list-item .ld-item-components{display:flex!important; flex-wrap:wrap; gap:.5rem; margin-top:.25rem; font-size:.88rem; font-weight:500}
body .learndash-wrapper .ld-item-list-item .ld-item-title{display:block}

/* Separator LearnDash „|” – jeden, spokojny */
body .learndash-wrapper .ld-table-list-lesson-details .ld-sep{color:var(--line)!important; margin:0 .1rem}

/* =========================================================
   1.5 – nawigacja lekcji motywu (zastępuje pasek LearnDash)
   ========================================================= */
.lesson-nav{display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:1rem 1.25rem; margin:2.5rem 0 0; padding-top:1.75rem; border-top:1px solid var(--line)}
.lesson-nav__cell{display:flex; align-items:center; min-width:0}
.lesson-nav__cell--prev{justify-content:flex-start}
.lesson-nav__cell--mid{justify-content:center}
.lesson-nav__cell--next{justify-content:flex-end}
.lesson-nav .btn svg{width:18px; height:18px}
.lesson-nav__form{position:relative; display:inline-flex; margin:0}
.lesson-nav .lesson-nav__done{-webkit-appearance:none; appearance:none; margin:0; padding-left:3.1rem!important; padding-right:1.75rem!important; font:700 1rem/1.2 var(--sans)!important; letter-spacing:0!important; text-transform:none!important; color:var(--pri-fg)!important; -webkit-text-fill-color:var(--pri-fg)!important; background:var(--pri-bg)!important; border:1.5px solid var(--pri-bg)!important; min-height:var(--btn-h)!important; height:auto!important; width:auto!important; text-indent:0!important; opacity:1!important; visibility:visible!important}
.lesson-nav__form::before{content:""; position:absolute; z-index:2; left:1.35rem; top:50%; width:11px; height:6px; margin-top:-5px; border-left:2px solid var(--pri-fg); border-bottom:2px solid var(--pri-fg); transform:rotate(-45deg); pointer-events:none}
.lesson-nav .lesson-nav__done:disabled{opacity:.55!important; cursor:not-allowed}
.lesson-nav__form .learndash_timer{position:absolute; top:100%; left:0; right:0; margin-top:.4rem; text-align:center; font-size:.85rem; color:var(--ink-soft)}
.lesson-nav__pill{display:inline-flex; align-items:center; gap:.5rem; min-height:46px; padding:.55rem 1.2rem; border-radius:999px; background:var(--ok-bg); color:var(--ok-fg); font-weight:700}
.lesson-nav__pill svg{width:18px; height:18px}
.lesson-nav__back{grid-column:1 / -1; margin:.25rem 0 0; text-align:center}
.lesson-nav__back .link-arrow{display:inline-flex; align-items:center; gap:.45rem; min-height:44px}
.lesson-nav__back svg{width:18px; height:18px}
@media (max-width: 760px){
  .lesson-nav{grid-template-columns:1fr; gap:.65rem}
  .lesson-nav__cell{justify-content:stretch}
  .lesson-nav__cell:empty{display:none}
  .lesson-nav__cell--mid{order:-2}
  .lesson-nav__cell--next{order:-1}
  .lesson-nav__cell .btn,.lesson-nav__form,.lesson-nav .lesson-nav__done{width:100%!important}
  .lesson-nav__pill{width:100%; justify-content:center}
}

/* =========================================================
   1.5 – kółka „Rozwiń / Zwiń” rysowane przez motyw (bez ikon z czcionki LearnDash)
   ========================================================= */
body .learndash-wrapper .ld-expand-button{display:inline-flex!important; align-items:center!important; gap:.6rem!important; line-height:1.2!important}
body .learndash-wrapper .ld-expand-button .ld-icon,body .learndash-wrapper .ld-expand-button .ld-icon-arrow-down{
  position:relative!important; display:inline-block!important; flex:none!important; box-sizing:border-box!important;
  width:28px!important; height:28px!important; min-width:28px!important; margin:0!important; padding:0!important; border:0!important; border-radius:50%!important;
  background:var(--pri-bg-base)!important; color:var(--pri-fg-base)!important; font-size:0!important; line-height:0!important; overflow:visible!important; text-indent:0!important;
  top:auto!important; left:auto!important; vertical-align:middle; transform:none; transition:transform .3s var(--ease)}
body .learndash-wrapper .ld-expand-button .ld-icon::before,body .learndash-wrapper .ld-expand-button .ld-icon-arrow-down::before{
  content:""!important; font-family:inherit!important; position:absolute!important; left:50%!important; top:50%!important; right:auto!important; bottom:auto!important;
  width:7px!important; height:7px!important; margin:0!important; padding:0!important; border:0!important; border-right:2px solid currentColor!important; border-bottom:2px solid currentColor!important;
  background:none!important; transform:translate(-50%, -68%) rotate(45deg)!important; font-size:0!important}
body .learndash-wrapper .ld-expand-button .ld-icon::after{content:none!important}
body .learndash-wrapper .ld-expand-button.ld-expanded .ld-icon{transform:rotate(180deg)!important}
body .learndash-wrapper .ld-expand-button .ld-text{color:var(--ink)!important; font:700 .92rem/1.2 var(--sans)!important}
body .learndash-wrapper .ld-item-list-actions .ld-expand-button,body .learndash-wrapper .ld-expand-button.ld-primary-background{
  min-height:46px!important; padding:.4rem 1.15rem .4rem .45rem!important; background:transparent!important; border:1.5px solid var(--line)!important; border-radius:999px!important; color:var(--ink)!important}
body .learndash-wrapper .ld-item-list-actions .ld-expand-button:hover{border-color:var(--teal)!important; background:var(--sand)!important}
body .learndash-wrapper .ld-item-details .ld-expand-button,body .learndash-wrapper .ld-expand-button.ld-button-alternate{
  min-height:44px!important; padding:.3rem .5rem!important; background:transparent!important; border:0!important; border-radius:999px!important}
body .learndash-wrapper .ld-item-details .ld-expand-button:hover .ld-icon{box-shadow:0 0 0 5px rgba(138,207,220,.22)}
body .learndash-wrapper .ld-section-heading{align-items:center!important}
body .learndash-wrapper .ld-section-heading h2{margin:0!important}
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-details{display:flex!important; align-items:center!important; gap:.5rem; margin-left:auto}
body .learndash-wrapper .ld-content-actions[data-cod-nav]{display:none!important}
body .learndash-wrapper .ld-section-heading{margin:2.5rem 0 1.25rem!important; padding:0!important}
@media (min-width: 761px) and (max-width: 1000px){
  .lesson-nav{grid-template-columns:1fr 1fr}
  .lesson-nav__cell--mid{grid-column:1 / -1; order:-1}
}

/* =========================================================
   1.6 – strona kursu: karta „Brak dostępu” i przyciski motywu
   ========================================================= */
.ld-access{display:flex; flex-direction:column; align-items:center; gap:1.25rem; margin:0 0 1rem; text-align:center}
.ld-access__card{display:flex; flex-direction:column; align-items:center; gap:.9rem; width:100%; max-width:560px; padding:clamp(1.75rem, 4vw, 2.5rem) clamp(1.25rem, 4vw, 2.5rem); border-radius:var(--r-lg); background:var(--paper); border:1px solid var(--line); box-shadow:0 24px 60px -44px rgba(14,42,48,.5)}
.ld-access__tag{display:inline-flex; align-items:center; gap:.45rem; padding:.4rem .9rem; border-radius:999px; background:var(--sand); color:var(--ink); font:700 .85rem/1.2 var(--sans)}
.ld-access__tag::before{content:""; width:8px; height:8px; border-radius:50%; background:var(--ink-soft)}
.ld-access__text{margin:0; max-width:36ch; text-wrap:balance; color:var(--ink-soft); font-size:1.05rem; line-height:1.55}
.ld-access__price{margin:0; font-family:var(--serif); font-size:2rem; color:var(--ink)}
.ld-access__join{margin-top:.4rem}
.ld-access__login,.ld-access__logout{margin:0; display:flex; justify-content:center}
.ld-access__logout{justify-content:flex-start; align-self:stretch}
.ld-access .btn svg{width:18px; height:18px}
@media (max-width: 520px){ .ld-access__card .btn,.ld-access__login .btn{width:100%} }
.ld-access + .learn-content .learndash-wrapper > .ld-item-list:first-of-type .ld-section-heading{margin-top:1.5rem!important}
