/* ==========================================================================
   LEARNDASH.CSS — LearnDash (szablon „LearnDash 3.0") w kolorach motywu.

   1. Kolory i czcionki przez zmienne --ld-* (nazwy sprawdzone na agalacka.pl).
      Ustawiamy je na .learndash-wrapper — działają niezależnie od kolejności
      ładowania arkuszy.
   2. Wygląd elementów: pasek statusu, program kursu, przyciski, quizy.

   WAŻNE: w LearnDash LMS → Ustawienia → Ogólne ustaw „Kolor akcentu"
   na #1565E0 — LearnDash dokleja własne kolory w locie.
   ========================================================================== */

/* 1. ZMIENNE -------------------------------------------------------------- */

.learndash-wrapper,
body.ld-in-focus-mode {
	--ld-typography-font-family: var(--f-body);

	--ld-color-semantic-text-body: var(--c-body);
	--ld-color-semantic-text-body-subtle: var(--c-muted);
	--ld-color-semantic-text-link: var(--c-blue);
	--ld-color-semantic-text-link-hover: var(--c-blue-dark);

	--ld-color-semantic-general-border: var(--c-line);
	--ld-color-semantic-general-middle-grey: #9AA8BC;
	--ld-color-semantic-general-tab-underline: var(--c-blue);

	--ld-color-semantic-success: var(--c-success);
	--ld-color-semantic-error: var(--c-error);

	--ld-color-semantic-button-primary-background: var(--c-blue);
	--ld-color-semantic-button-primary-background-hover: var(--c-blue-dark);
	--ld-color-semantic-button-primary-background-disabled: var(--c-line);
	--ld-color-semantic-button-primary-background-disabled-hover: var(--c-line);
	--ld-color-semantic-button-primary-border-disabled: var(--c-line);
	--ld-color-semantic-text-button-primary: #fff;
	--ld-color-semantic-text-button-primary-disabled: var(--c-muted);
	--ld-color-semantic-text-button-primary-disabled-hover: var(--c-muted);

	--ld-color-semantic-button-secondary-background: var(--c-surface);
	--ld-color-semantic-button-secondary-background-hover: var(--c-blue-tint);
	--ld-color-semantic-button-secondary-border: var(--c-line);
	--ld-color-semantic-button-secondary-border-hover: var(--c-blue);
	--ld-color-semantic-text-button-secondary-disabled-hover: var(--c-muted);

	--ld-color-semantic-button-tertiary-border: var(--c-line);
	--ld-color-semantic-button-tertiary-focus: var(--c-blue);
	--ld-color-semantic-button-tertiary-text: var(--c-blue);
	--ld-color-semantic-button-tertiary-text-hover: var(--c-blue-dark);
	--ld-color-semantic-button-tertiary-text-disabled: var(--c-muted);
	--ld-color-semantic-button-tertiary-text-disabled-hover: var(--c-muted);
	--ld-color-semantic-button-tertiary-text-icon-only: var(--c-navy);

	--ld-color-semantic-field-background: var(--c-surface);
	--ld-color-semantic-field-background-hover: var(--c-surface);
	--ld-color-semantic-field-background-active: var(--c-surface);
	--ld-color-semantic-field-background-disabled: var(--c-surface-2);
	--ld-color-semantic-field-background-valid: var(--c-success-bg);
	--ld-color-semantic-field-background-error: var(--c-error-bg);
	--ld-color-semantic-field-border: var(--c-line);
	--ld-color-semantic-field-border-disabled: var(--c-line);
	--ld-color-semantic-field-border-valid: var(--c-success);
	--ld-color-semantic-field-border-error: var(--c-error);

	--ld-color-semantic-alert-success-background: var(--c-success-bg);
	--ld-color-semantic-alert-success-border: #B7E2C9;
	--ld-color-semantic-alert-success-icon: var(--c-success);
	--ld-color-semantic-alert-warning-background: var(--c-yellow-soft);
	--ld-color-semantic-alert-warning-border: #F0DC8C;
	--ld-color-semantic-alert-warning-icon: #9A6B00;
	--ld-color-semantic-alert-error-background: var(--c-error-bg);
	--ld-color-semantic-alert-error-border: #F5C2BC;
	--ld-color-semantic-alert-error-icon: var(--c-error);
}

/* Kolor akcentu LearnDash (gdyby w ustawieniach został domyślny). */
.learndash-wrapper .ld-primary-background {
	background-color: var(--c-blue) !important;
}

.learndash-wrapper .ld-primary-color,
.learndash-wrapper .ld-primary-color-hover:hover {
	color: var(--c-blue) !important;
}

.learndash-wrapper .ld-primary-border {
	border-color: var(--c-blue) !important;
}

/* 2. PODSTAWY ------------------------------------------------------------- */

.learndash-wrapper {
	font-family: var(--f-body);
	color: var(--c-body);
}

.learndash-wrapper h1,
.learndash-wrapper h2,
.learndash-wrapper h3,
.learndash-wrapper h4 {
	font-family: var(--f-display);
	color: var(--c-ink);
}

.ag-ld-content .learndash-wrapper {
	margin: 0;
}

/* Okruszki LearnDash dublują nasze — zostawiamy tylko status. */
.ag-ld-content .ld-breadcrumbs-segments {
	display: none;
}

.ag-ld-content .ld-breadcrumbs {
	padding: 0;
	margin-bottom: var(--s-4);
	background: transparent;
	border: 0;
}

/* Przyciski */
.learndash-wrapper .ld-button,
.learndash-wrapper .btn-join,
.learndash-wrapper #btn-join,
.learndash-wrapper .learndash_mark_complete_button,
.learndash-wrapper input[type="submit"].learndash_mark_complete_button,
.learndash-wrapper .ld-expand-button.ld-button-alternate {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--s-2);
	min-height: 48px;
	padding: 0.8rem 1.5rem;
	border: 0;
	border-radius: var(--r-full);
	font-family: var(--f-body);
	font-size: var(--t-sm);
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
	transition: transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), background-color var(--dur) var(--ease);
}

.learndash-wrapper .ld-button:not(.ld-button-transparent):not(.ld-button-reverse),
.learndash-wrapper .btn-join,
.learndash-wrapper #btn-join,
.learndash-wrapper .learndash_mark_complete_button {
	background: var(--g-blue) !important;
	color: #fff !important;
	box-shadow: var(--sh-blue);
}

.learndash-wrapper .ld-button:hover,
.learndash-wrapper .btn-join:hover,
.learndash-wrapper #btn-join:hover,
.learndash-wrapper .learndash_mark_complete_button:hover {
	transform: translateY(-2px);
	opacity: 1;
}

.learndash-wrapper .ld-button.ld-button-transparent,
.learndash-wrapper .ld-button.ld-button-reverse {
	background: var(--c-surface) !important;
	border: 1.5px solid var(--c-line);
	color: var(--c-navy) !important;
	box-shadow: none;
}

/* 3. PASEK STATUSU KURSU (infobar) ---------------------------------------- */

.learndash-wrapper .ld-course-status {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--s-4);
	margin-bottom: var(--s-6);
	padding: var(--s-5);
	background: var(--c-surface);
	border: 1px solid var(--c-line);
	border-radius: var(--r-lg);
	box-shadow: var(--sh-sm);
}

.learndash-wrapper .ld-course-status-segment {
	flex: 1 1 160px;
	padding: 0;
	border: 0;
}

.learndash-wrapper .ld-course-status-label {
	margin-bottom: var(--s-1);
	font-size: var(--t-xs);
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--c-muted);
}

.learndash-wrapper .ld-course-status-price {
	font-family: var(--f-display);
	font-size: 1.6rem;
	font-weight: 700;
	color: var(--c-navy);
}

.learndash-wrapper .ld-course-status-action {
	display: flex;
	flex-wrap: wrap;
	gap: var(--s-2);
}

/* Status (Zapisany / W toku / Ukończony) */
.learndash-wrapper .ld-status {
	display: inline-flex;
	align-items: center;
	padding: 5px 12px;
	border-radius: var(--r-full);
	font-size: var(--t-xs);
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: none;
}

.learndash-wrapper .ld-status-progress {
	background: var(--c-blue-tint) !important;
	color: var(--c-blue-dark) !important;
}

.learndash-wrapper .ld-status-complete {
	background: var(--c-success-bg) !important;
	color: var(--c-success) !important;
}

.learndash-wrapper .ld-status-waiting {
	background: var(--c-yellow-soft) !important;
	color: #7A5600 !important;
}

/* Pasek postępu */
.learndash-wrapper .ld-progress .ld-progress-bar {
	height: 8px;
	border-radius: var(--r-full);
	background: var(--c-surface-2);
}

.learndash-wrapper .ld-progress .ld-progress-bar .ld-progress-bar-percentage {
	border-radius: var(--r-full);
	background: var(--g-blue) !important;
}

.learndash-wrapper .ld-progress-percentage,
.learndash-wrapper .ld-progress-steps {
	font-size: var(--t-sm);
	color: var(--c-muted);
}

/* 4. PROGRAM KURSU (lista lekcji i tematów) -------------------------------- */

.learndash-wrapper .ld-item-list .ld-section-heading {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--s-3);
	margin-bottom: var(--s-4);
}

.learndash-wrapper .ld-item-list .ld-section-heading h2 {
	margin: 0;
	font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem);
}

.learndash-wrapper .ld-item-list .ld-item-list-item {
	margin-bottom: var(--s-3);
	overflow: hidden;
	background: var(--c-surface);
	border: 1px solid var(--c-line);
	border-radius: var(--r-md);
	transition: border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);
}

.learndash-wrapper .ld-item-list .ld-item-list-item:hover {
	border-color: #C8DAF5;
	box-shadow: var(--sh-md);
}

.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview {
	padding: var(--s-4) var(--s-5);
}

.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-name {
	color: var(--c-navy);
	font-weight: 600;
}

.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-name:hover {
	color: var(--c-blue);
}

.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-title {
	line-height: 1.4;
}

.learndash-wrapper .ld-lesson-section-heading,
.learndash-wrapper .ld-item-list-section-heading {
	margin: var(--s-6) 0 var(--s-3);
	font-family: var(--f-display);
	font-size: 1.25rem;
	font-weight: 700;
	color: var(--c-navy);
}

/* Kółka statusu przy lekcjach */
.learndash-wrapper .ld-status-icon {
	border-radius: var(--r-full);
}

.learndash-wrapper .ld-status-icon.ld-status-complete {
	background: var(--c-success) !important;
	color: #fff !important;
}

.learndash-wrapper .ld-status-icon.ld-status-incomplete {
	border-color: #C8D3E3;
}

/* Rozwijanie tematów */
.learndash-wrapper .ld-expand-button {
	border-radius: var(--r-full);
}

.learndash-wrapper .ld-table-list {
	border-radius: var(--r-md);
}

.learndash-wrapper .ld-table-list .ld-table-list-header {
	background: var(--c-sky) !important;
	color: var(--c-navy);
	font-weight: 700;
}

.learndash-wrapper .ld-table-list .ld-table-list-item-preview {
	padding: var(--s-3) var(--s-4);
	color: var(--c-body);
	text-decoration: none;
}

.learndash-wrapper .ld-table-list .ld-table-list-item-preview:hover {
	background: var(--c-sky-2);
	color: var(--c-navy);
}

/* 5. ZAKŁADKI I KOMUNIKATY ------------------------------------------------- */

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

.learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab {
	font-weight: 600;
	color: var(--c-muted);
}

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

.learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab.ld-active::after {
	background: var(--c-blue) !important;
}

.learndash-wrapper .ld-tab-content {
	padding-top: var(--s-5);
}

.learndash-wrapper .ld-alert {
	border-radius: var(--r-md);
	padding: var(--s-4) var(--s-5);
}

.learndash-wrapper .ld-alert .ld-alert-icon {
	border-radius: var(--r-full);
}

/* 6. NAWIGACJA LEKCJI (poprzednia / ukończ / następna) --------------------- */

.learndash-wrapper .ld-content-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--s-3);
	margin-top: var(--s-7);
	padding: var(--s-5);
	background: var(--c-sky-2);
	border: 1px solid var(--c-line);
	border-radius: var(--r-lg);
}

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

.learndash-wrapper .ld-content-actions .ld-course-step-back {
	color: var(--c-muted);
	font-weight: 600;
}

/* Wideo lekcji z ustawień LearnDash */
.learndash-wrapper .ld-video {
	overflow: hidden;
	margin-bottom: var(--s-5);
	border-radius: var(--r-lg);
	box-shadow: var(--sh-lg);
}

/* 7. QUIZY (WP Pro Quiz w LearnDash) -------------------------------------- */

.learndash-wrapper .wpProQuiz_content {
	font-family: var(--f-body);
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_header {
	font-family: var(--f-display);
	color: var(--c-navy);
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_question {
	margin-top: var(--s-4);
	padding: var(--s-5);
	background: var(--c-surface);
	border: 1px solid var(--c-line);
	border-radius: var(--r-lg);
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_question_text {
	font-size: var(--t-lead);
	font-weight: 600;
	color: var(--c-navy);
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionList {
	margin-top: var(--s-4);
	padding: 0;
	border: 0;
	background: transparent;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem {
	margin-bottom: var(--s-2);
	padding: 0;
	list-style: none;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label {
	display: flex;
	align-items: center;
	gap: var(--s-3);
	padding: var(--s-3) var(--s-4);
	border: 1.5px solid var(--c-line);
	border-radius: var(--r-md);
	background: var(--c-surface);
	cursor: pointer;
	transition: border-color var(--dur) var(--ease), background-color var(--dur) var(--ease);
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label:hover {
	border-color: var(--c-blue);
	background: var(--c-sky-2);
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label.is-selected,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label:has(input:checked) {
	border-color: var(--c-blue);
	background: var(--c-blue-tint);
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionInput {
	accent-color: var(--c-blue);
	width: 18px;
	height: 18px;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_correct {
	padding: var(--s-4) var(--s-5);
	border-radius: var(--r-md);
	background: var(--c-success-bg);
	color: var(--c-success);
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_incorrect {
	padding: var(--s-4) var(--s-5);
	border-radius: var(--r-md);
	background: var(--c-error-bg);
	color: var(--c-error);
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_response {
	margin-top: var(--s-3);
	padding: 0;
	border: 0;
	background: transparent;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_button,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_button2,
.learndash-wrapper .wpProQuiz_content input[type="button"],
.learndash-wrapper .wpProQuiz_content input[type="submit"] {
	min-height: 48px;
	margin: var(--s-4) var(--s-2) 0 0;
	padding: 0.8rem 1.5rem;
	border: 0;
	border-radius: var(--r-full);
	background: var(--g-blue);
	color: #fff;
	font-family: var(--f-body);
	font-size: var(--t-sm);
	font-weight: 700;
	cursor: pointer;
	box-shadow: var(--sh-blue);
	transition: transform var(--dur) var(--ease);
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_button:hover,
.learndash-wrapper .wpProQuiz_content input[type="button"]:hover,
.learndash-wrapper .wpProQuiz_content input[type="submit"]:hover {
	transform: translateY(-2px);
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_results {
	padding: var(--s-6);
	background: var(--c-sky-2);
	border: 1px solid var(--c-line);
	border-radius: var(--r-lg);
	text-align: center;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_points,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_time_limit {
	color: var(--c-muted);
}

/* 8. PROFIL KURSANTA [ld_profile] i okno logowania ------------------------- */

.learndash-wrapper .ld-profile-summary {
	padding: var(--s-5);
	background: var(--c-sky-2);
	border: 1px solid var(--c-line);
	border-radius: var(--r-lg);
}

.learndash-wrapper .ld-login-modal input[type="text"],
.learndash-wrapper .ld-login-modal input[type="password"],
.learndash-wrapper .ld-login-modal input[type="email"] {
	width: 100%;
	border-radius: var(--r-md);
}