/* Szmutka – LearnDash (LD30) styles matching the site: teal, paper, sand; Open Sans + Jost; square cards, pill buttons. */
.learndash-wrapper {
	--szl-teal: #2A6A7A;
	--szl-teal-dark: #1F4F5B;
	--szl-ink: #1F2A2C;
	--szl-ink2: #5C5650;
	--szl-paper: #FBF4EA;
	--szl-cream: #F6E6D0;
	--szl-sand: #C7B299;
	--szl-line: #E7DCCB;
	font-family: 'Jost', sans-serif;
	color: var(--szl-ink);
}
.learndash-wrapper .ld-item-list .ld-item-list-item,
.learndash-wrapper .ld-course-status,
.learndash-wrapper .ld-table-list,
.learndash-wrapper .ld-focus-content,
.learndash-wrapper .ld-alert { border-radius: 0 !important; }

/* status bar */
.learndash-wrapper .ld-course-status { background: var(--szl-paper) !important; border: 1px solid var(--szl-line); padding: 24px 28px; margin-bottom: 32px; }
.learndash-wrapper .ld-course-status-segment { border-color: var(--szl-line) !important; }
.learndash-wrapper .ld-course-status-label { font: 500 12px/1.4 'Jost', sans-serif !important; letter-spacing: .14em; text-transform: uppercase; color: var(--szl-teal) !important; margin: 0 0 6px !important; }
.learndash-wrapper .ld-course-status-price { font: 500 26px/1.2 'Jost', sans-serif !important; color: var(--szl-ink) !important; }
.learndash-wrapper .ld-status { border-radius: 999px !important; font: 500 12px/1 'Jost', sans-serif !important; letter-spacing: .04em; text-transform: none !important; padding: 8px 14px !important; }
.learndash-wrapper .ld-status.ld-status-waiting,
.learndash-wrapper .ld-status.ld-tertiary-background { background: var(--szl-cream) !important; color: var(--szl-teal-dark) !important; }
.learndash-wrapper .ld-status.ld-status-progress,
.learndash-wrapper .ld-status.ld-primary-background { background: var(--szl-teal) !important; color: #fff !important; }

/* buttons */
.learndash-wrapper .btn-join,
.learndash-wrapper #btn-join,
.learndash-wrapper .ld-button,
.learndash-wrapper .learndash_mark_complete_button,
.learndash-wrapper input.learndash_mark_complete_button {
	display: inline-flex !important; align-items: center; justify-content: center; gap: 8px;
	min-height: 48px; padding: 0 26px !important;
	border: 0 !important; border-radius: 999px !important;
	background: var(--szl-teal) !important; color: #fff !important;
	font: 500 15px/1 'Jost', sans-serif !important; letter-spacing: .03em; text-transform: none !important;
	box-shadow: none !important; text-decoration: none !important;
}
.learndash-wrapper .btn-join:hover,
.learndash-wrapper .ld-button:hover,
.learndash-wrapper .learndash_mark_complete_button:hover { background: var(--szl-teal-dark) !important; opacity: 1 !important; }
.learndash-wrapper .ld-button.ld-button-transparent,
.learndash-wrapper .ld-content-action .ld-button.ld-button-reverse { background: transparent !important; color: var(--szl-teal) !important; border: 1.5px solid var(--szl-teal) !important; }

/* description */
.learndash-wrapper .ld-tab-content p { font-size: 17px; line-height: 1.7; color: var(--szl-ink); margin: 0 0 16px; }
.learndash-wrapper .ld-tabs { margin-bottom: 40px; }

/* course content list */
.learndash-wrapper .ld-section-heading { align-items: center; margin-bottom: 16px; }
.learndash-wrapper .ld-section-heading > h2 { font: 500 26px/1.2 var(--e-global-typography-primary-font-family), 'Open Sans', sans-serif !important; color: var(--szl-ink); margin: 0; }
.learndash-wrapper .ld-section-heading .ld-expand-button { border-radius: 999px !important; color: #fff !important; border: 0 !important; min-height: 40px; padding: 0 18px !important; font: 500 13px/1 'Jost', sans-serif !important; }
.learndash-wrapper .ld-section-heading .ld-expand-button .ld-text,
.learndash-wrapper .ld-section-heading .ld-expand-button .ld-icon { color: #fff !important; background: transparent !important; }
.learndash-wrapper .ld-item-list .ld-item-list-item { border: 1px solid var(--szl-line) !important; box-shadow: none !important; margin-bottom: 12px; background: #fff; }
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-name { font: 500 18px/1.35 'Jost', sans-serif; color: var(--szl-ink) !important; }
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-name:hover .ld-item-title { color: var(--szl-teal) !important; }
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-components,
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-component { font-size: 13px; color: var(--szl-ink2) !important; }
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-details .ld-expand-button { border: 0 !important; padding: 6px 0 !important; }
.learndash-wrapper .ld-status-icon.ld-status-incomplete { border-color: var(--szl-sand) !important; }
.learndash-wrapper .ld-status-icon.ld-status-complete,
.learndash-wrapper .ld-status-icon.ld-secondary-background { background: var(--szl-teal) !important; }
.learndash-wrapper .ld-table-list .ld-table-list-header { background: var(--szl-paper) !important; color: var(--szl-ink) !important; border-radius: 0 !important; font-family: 'Jost', sans-serif; }
.learndash-wrapper .ld-table-list .ld-table-list-header .ld-table-list-title,
.learndash-wrapper .ld-table-list .ld-table-list-header .ld-lesson-list-progress,
.learndash-wrapper .ld-table-list .ld-table-list-header .ld-lesson-list-steps { color: var(--szl-ink2) !important; font-weight: 500; }
.learndash-wrapper .ld-table-list .ld-table-list-items { border-color: var(--szl-line) !important; }
.learndash-wrapper .ld-table-list .ld-table-list-item a { color: var(--szl-ink) !important; font-size: 15px; }
.learndash-wrapper .ld-table-list .ld-table-list-item a:hover { color: var(--szl-teal) !important; }
.learndash-wrapper .ld-table-list .ld-table-list-footer { background: transparent !important; }

/* progress */
.learndash-wrapper .ld-progress .ld-progress-bar { background: var(--szl-line) !important; border-radius: 999px; }
.learndash-wrapper .ld-progress .ld-progress-bar .ld-progress-bar-percentage { background: var(--szl-teal) !important; }
.learndash-wrapper .ld-progress .ld-progress-heading .ld-progress-label,
.learndash-wrapper .ld-progress .ld-progress-stats { font-family: 'Jost', sans-serif; color: var(--szl-ink2) !important; }

/* alerts (e.g. "buy the course to get access") */
.learndash-wrapper .ld-alert { border: 1px solid var(--szl-line) !important; background: var(--szl-paper) !important; color: var(--szl-ink) !important; box-shadow: none !important; }
.learndash-wrapper .ld-alert .ld-alert-icon { background: var(--szl-teal) !important; }

/* focus mode (lessons, topics) */
.ld-in-focus-mode,
.learndash-wrapper .ld-focus { font-family: 'Jost', sans-serif; }
.learndash-wrapper .ld-focus .ld-focus-header { border-bottom: 1px solid var(--szl-line); box-shadow: none !important; }
.learndash-wrapper .ld-focus .ld-focus-header .ld-brand-logo img { max-height: 44px; }
/* previous/next in the focus header: plain text links, the header is too low for pill buttons */
.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions .ld-button,
.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions .learndash_mark_complete_button {
	min-height: 0 !important; height: auto; padding: 6px 10px !important;
	border: 0 !important; background: transparent !important; color: var(--szl-teal) !important;
	font-size: 14px !important;
}
.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions .ld-button:hover,
.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions .learndash_mark_complete_button:hover { background: transparent !important; color: var(--szl-teal-dark) !important; text-decoration: underline !important; }
.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions .ld-icon { color: inherit !important; background: transparent !important; }
.learndash-wrapper .ld-focus .ld-focus-header .ld-content-action { border-color: var(--szl-line) !important; }
.learndash-wrapper .ld-button,
.learndash-wrapper .ld-button .ld-text,
.learndash-wrapper .btn-join { white-space: nowrap !important; }
.learndash-wrapper .ld-focus-content .ld-content-actions .ld-content-action { flex: 0 1 auto !important; }
/* same teal as the other buttons (LearnDash paints it with the secondary colour); background-color only, the check icon is a background image */
.learndash-wrapper .ld-content-actions .sfwd-mark-complete input.learndash_mark_complete_button,
.learndash-wrapper .ld-content-actions .learndash_mark_complete_button { background-color: var(--szl-teal) !important; }
.learndash-wrapper .ld-content-actions .sfwd-mark-complete input.learndash_mark_complete_button:hover { background-color: var(--szl-teal-dark) !important; }
.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions .sfwd-mark-complete input.learndash_mark_complete_button { background-color: transparent !important; }
/* the mark-complete check icon is a background image on the right */
.learndash-wrapper input.learndash_mark_complete_button { padding-right: 52px !important; background-position: right 20px center !important; }
.learndash-wrapper .ld-focus .ld-focus-header input.learndash_mark_complete_button { padding-right: 32px !important; background-position: right 8px center !important; }
.learndash-wrapper .ld-alert { gap: 16px; }
.learndash-wrapper .ld-alert .ld-button { flex: 0 0 auto !important; width: auto !important; padding-right: 48px !important; position: relative; }
.learndash-wrapper .ld-alert .ld-button .ld-icon { position: absolute; right: 18px; top: 50%; transform: translateY(-50%); margin: 0 !important; }
/* step-completed alert */
.learndash-wrapper .ld-alert.ld-alert--step-completed .ld-alert-messages { font-size: 16px; color: var(--szl-ink) !important; }
.learndash-wrapper .ld-focus .ld-focus-sidebar { background: var(--szl-paper) !important; border-right: 1px solid var(--szl-line) !important; box-shadow: none !important; }
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading,
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger { background: var(--szl-teal-dark) !important; }
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading h3 a { font: 500 19px/1.25 var(--e-global-typography-primary-font-family), 'Open Sans', sans-serif !important; color: #fff !important; }
/* sidebar rows: one calm background, a subtle hover, and the current step marked with a teal edge */
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-lesson-item { background: transparent !important; border-bottom: 1px solid var(--szl-line) !important; }
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-lesson-item-preview { padding: 0 !important; }
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-lesson-item-preview-heading { display: flex; align-items: center; gap: 12px; padding: 14px 20px !important; margin: 0 !important; border-left: 3px solid transparent; transition: background-color .15s; }
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-lesson-item-preview-heading:hover,
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-table-list-item-preview:hover { background: rgba(246, 230, 208, .55) !important; }
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-lesson-item.ld-is-current-lesson > .ld-lesson-item-preview .ld-lesson-item-preview-heading { border-left-color: var(--szl-teal); background: var(--szl-cream) !important; }
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-lesson-item-section-heading,
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-lesson-item-preview .ld-expand-button { margin-left: 51px !important; }
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-lesson-item-expanded::before,
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-topic-list::before { display: none !important; }
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-topic-list { background: #FFFDF9 !important; border-top: 1px solid var(--szl-line); padding: 6px 0 !important; margin: 0 !important; }
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-table-list-items { padding: 0 !important; margin: 0 !important; }
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-table-list-item { margin: 0 !important; }
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-table-list-item-preview { display: flex; align-items: center; gap: 12px; padding: 9px 20px 9px 48px !important; margin: 0 !important; border-left: 3px solid transparent; border-radius: 0 !important; transition: background-color .15s; }
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-table-list-item-preview.ld-is-current-item { background: var(--szl-cream) !important; border-left-color: var(--szl-teal); }
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-lesson-title,
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-topic-title { font-family: 'Jost', sans-serif; font-size: 15px; line-height: 1.35; color: var(--szl-ink) !important; }
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-is-current-lesson > .ld-lesson-item-preview .ld-lesson-title,
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-is-current-item .ld-topic-title { font-weight: 500; }
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-lesson-item-preview-heading:hover .ld-lesson-title,
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-table-list-item-preview:hover .ld-topic-title { color: var(--szl-teal) !important; }

/* status icons: one size everywhere; sand ring = not started, teal ring = in progress, teal disc with a small check = done */
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-status-icon,
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-status-icon.ld-secondary-in-progress-icon {
	width: 18px !important; height: 18px !important; min-width: 18px; flex: 0 0 18px;
	margin: 0 !important; box-sizing: border-box; border-radius: 50% !important;
	display: inline-flex !important; align-items: center; justify-content: center;
}
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-status-icon.ld-status-incomplete { border: 1.5px solid var(--szl-sand) !important; background: #fff !important; }
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-status-icon.ld-status-in-progress,
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-status-icon.ld-secondary-in-progress-icon { border: 1.5px solid var(--szl-teal) !important; border-left-color: var(--szl-teal) !important; border-bottom-color: var(--szl-teal) !important; background: #fff !important; transform: none !important; }
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-status-icon.ld-status-in-progress::before { display: none !important; }
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-status-icon.ld-status-complete { border: 0 !important; background: var(--szl-teal) !important; }
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-status-icon.ld-status-complete .ld-icon { font-size: 8px !important; line-height: 1; color: #fff !important; }
.learndash-wrapper .ld-focus .ld-focus-content h1 { font: 500 35px/1.15 var(--e-global-typography-primary-font-family), 'Open Sans', sans-serif !important; color: var(--szl-ink); }
.learndash-wrapper .ld-focus .ld-focus-content .ld-tab-content p { font-size: 18px; }
.learndash-wrapper .ld-content-actions { border-top: 1px solid var(--szl-line) !important; padding-top: 24px !important; }
.learndash-wrapper .ld-content-actions a.ld-primary-color,
.learndash-wrapper .ld-content-actions .ld-course-step-back { color: var(--szl-teal) !important; font-weight: 500; }
.learndash-wrapper .ld-focus .ld-user-menu .ld-user-menu-items a { font-family: 'Jost', sans-serif; }
.learndash-wrapper .ld-breadcrumbs { background: var(--szl-paper) !important; border-radius: 0 !important; }
.learndash-wrapper .ld-breadcrumbs a { color: var(--szl-teal) !important; }

@media (max-width: 760px) {
	.learndash-wrapper .ld-course-status { padding: 20px 18px; }
	.learndash-wrapper .ld-course-status-segment { padding: 12px 0 !important; }
	.learndash-wrapper .ld-section-heading { flex-wrap: wrap; gap: 12px; }
	.learndash-wrapper .ld-section-heading > h2 { font-size: 27px !important; }
	.learndash-wrapper .ld-focus .ld-focus-content h1 { font-size: 32px !important; }
}

/* Course lists (Fiókom › Kurzusaim, course content): smaller status icon with breathing room,
   status pill text centred, row content vertically centred. */
.learndash-wrapper .ld-item-list .ld-item-list-item-preview { align-items: center !important; }
.learndash-wrapper .ld-item-list .ld-item-name { display: flex !important; align-items: center; gap: 14px; }
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-status-icon,
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-status-icon.ld-secondary-in-progress-icon {
	width: 26px !important; height: 26px !important; min-width: 26px; flex: 0 0 26px;
	margin: 0 !important; box-sizing: border-box; border-radius: 50% !important;
	display: inline-flex !important; align-items: center; justify-content: center; transform: none !important;
}
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-status-icon.ld-status-complete { background: var(--szl-teal) !important; border: 0 !important; }
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-status-icon.ld-status-complete .ld-icon { font-size: 10px !important; line-height: 1; color: #fff !important; }
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-status-icon.ld-status-in-progress,
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-status-icon.ld-secondary-in-progress-icon { border: 1.5px solid var(--szl-teal) !important; background: #fff !important; }
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-status-icon.ld-status-in-progress::before { display: none !important; }
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-status-icon.ld-status-incomplete { border: 1.5px solid var(--szl-sand) !important; background: #fff !important; }
.learndash-wrapper .ld-status { display: inline-flex !important; align-items: center; justify-content: center; line-height: 1 !important; min-height: 28px; }
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-details { display: flex !important; align-items: center; gap: 12px; }
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-details .ld-status { margin: 0 !important; }
