/**
 * LearnDash LD30 — Prozess tokens (amber CTAs, navy headings, light surfaces).
 * Covers legacy LD30, Focus Mode, and the Modern course experience.
 */

body.single-sfwd-courses,
body.single-sfwd-lessons,
body.single-sfwd-topic,
body.single-sfwd-quiz,
body.tax-ld_course_category,
body.tax-ld_course_tag,
body.learndash-cpt {
  background: var(--surface);
  --ld-color-brand-primary: var(--amber);
  --ld-color-brand-secondary: var(--amber2);
  --ld-color-brand-tertiary: var(--navy3);
  --ld-color-button-bg: var(--amber);
  --ld-color-button-bg-hover: var(--amber2);
  --ld-color-button-secondary-border: var(--amber);
  --ld-color-system-dark: var(--navy3);
  --ld-color-primitives-blue-500: var(--amber);
  --ld-color-field-border-active: var(--amber);
}

.learndash-wrapper {
  --ld-color-brand-primary: var(--amber);
  --ld-color-brand-secondary: var(--amber2);
  --ld-color-brand-tertiary: var(--navy3);
  --ld-color-button-bg: var(--amber);
  --ld-color-button-bg-hover: var(--amber2);
  --ld-color-button-secondary-border: var(--amber);
  --ld-color-system-dark: var(--navy3);
  --ld-color-primitives-blue-500: var(--amber);
  --ld-color-field-border-active: var(--amber);
  --ld-color-system-body-text: var(--text);
  --ld-color-system-subtle-text: var(--muted);
  --ld-color-field-bg: var(--surface);
  --ld-color-field-border: var(--line-strong);
  --ld-color-system-middle-gray-light: var(--surface-muted);
  --ld-color-system-light-2: var(--surface-muted);
  --ld-color-primitives-grey-100: var(--surface-muted);
  --ld-color-primitives-grey-150: var(--line);
  --ld-typography-font-family: var(--sans);
}

.learndash-wrapper .ld-course-status,
.learndash-wrapper .ld-item-list,
.learndash-wrapper .ld-table-list,
.learndash-wrapper .ld-focus-comments {
  background: var(--surface-muted);
  border-color: var(--line);
  color: var(--text);
}

.learndash-wrapper .ld-item-list-item,
.learndash-wrapper .ld-table-list-item {
  border-color: var(--line);
}

.learndash-wrapper .ld-item-title,
.learndash-wrapper .ld-course-title,
.learndash-wrapper h1,
.learndash-wrapper h2 {
  color: var(--text-heading);
  font-family: var(--serif);
}

/* Primary actions — legacy + modern + Focus Mode */
.learndash-wrapper .ld-primary-background,
.learndash-wrapper .ld-button-primary,
.learndash-wrapper a.ld-button:not(.ld-button-transparent),
.learndash-wrapper .ld-button.ld-button-primary,
.learndash-wrapper .ld-button--primary,
.learndash-wrapper .ld-navigation__progress-mark-complete-button,
.learndash-wrapper .learndash_mark_complete_button,
.learndash-wrapper #learndash_mark_complete_button,
.learndash-wrapper .btn-join,
.learndash-wrapper #btn-join,
.learndash-wrapper input[type="submit"].learndash_mark_complete_button,
.learndash-wrapper .ld-navigation__next-link--just-completed,
.learndash-wrapper .ld-navigation__next-link--no-user {
  background: var(--amber) !important;
  background-color: var(--amber) !important;
  border-color: transparent !important;
  color: var(--white) !important;
  box-shadow: var(--shadow-amber);
}

.learndash-wrapper .ld-navigation__progress-mark-complete-button .ld-svgicon,
.learndash-wrapper .ld-navigation__progress-mark-complete-button svg,
.learndash-wrapper .learndash_mark_complete_button .ld-svgicon,
.learndash-wrapper .learndash_mark_complete_button svg {
  color: var(--white) !important;
  fill: currentColor;
}

.learndash-wrapper .ld-expand-button.ld-primary-background,
.learndash-wrapper .ld-expand-button.ld-primary-background .ld-text,
.learndash-wrapper .ld-expand-button.ld-primary-background .ld-icon {
  color: var(--white) !important;
}

.learndash-wrapper .ld-primary-background:hover,
.learndash-wrapper .ld-button-primary:hover,
.learndash-wrapper a.ld-button:not(.ld-button-transparent):hover,
.learndash-wrapper .ld-button.ld-button-primary:hover,
.learndash-wrapper .ld-button--primary:hover,
.learndash-wrapper .ld-button--primary:active,
.learndash-wrapper .ld-navigation__progress-mark-complete-button:hover,
.learndash-wrapper .ld-navigation__progress-mark-complete-button:active,
.learndash-wrapper .ld-navigation__progress-mark-complete-button:focus,
.learndash-wrapper .ld-navigation__progress-mark-complete-button:focus-visible,
.learndash-wrapper .learndash_mark_complete_button:hover,
.learndash-wrapper #learndash_mark_complete_button:hover,
.learndash-wrapper .btn-join:hover,
.learndash-wrapper #btn-join:hover,
.learndash-wrapper .ld-expand-button.ld-primary-background:hover,
.learndash-wrapper .ld-expand-button.ld-primary-background:hover .ld-text,
.learndash-wrapper .ld-expand-button.ld-primary-background:hover .ld-icon,
.learndash-wrapper .ld-navigation__next-link--just-completed:hover,
.learndash-wrapper .ld-navigation__next-link--no-user:hover {
  background: var(--amber2) !important;
  background-color: var(--amber2) !important;
  color: var(--white) !important;
}

.learndash-wrapper .ld-button--primary:focus,
.learndash-wrapper .ld-navigation__progress-mark-complete-button:focus,
.learndash-wrapper .learndash_mark_complete_button:focus,
.learndash-wrapper #learndash_mark_complete_button:focus {
  outline-color: var(--amber) !important;
}

.learndash-wrapper .ld-secondary-background,
.learndash-wrapper .ld-alert-success {
  background: var(--surface-muted) !important;
  color: var(--text) !important;
  border-color: var(--line) !important;
}

.learndash-wrapper .ld-breadcrumbs,
.learndash-wrapper .ld-breadcrumb {
  color: var(--muted);
}

.learndash-wrapper .ld-breadcrumb a {
  color: var(--amber);
}

.learndash-wrapper .ld-progress .ld-progress-bar {
  background: var(--surface-subtle);
}

.learndash-wrapper .ld-progress .ld-progress-bar-percentage,
.learndash-wrapper .ld-progress-bar .ld-progress-bar-percentage {
  background: var(--amber) !important;
  background-color: var(--amber) !important;
}

.learndash-wrapper .ld-status-complete,
.learndash-wrapper .ld-icon.ld-icon-checkmark {
  color: var(--amber);
}

.learndash-wrapper .ld-video {
  position: relative;
  width: 100%;
  max-width: 100%;
  aspect-ratio: 16 / 9;
  margin: 0 0 1.5rem;
  overflow: hidden;
  border-radius: var(--radius);
  background: var(--navy);
}

.learndash-wrapper .ld-video iframe,
.learndash-wrapper .ld-video video,
.learndash-wrapper .ld-video .wp-video {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  border: 0;
  border-radius: var(--radius);
}

/* Focus Mode shell */
.learndash-wrapper .ld-focus .ld-focus-main,
.learndash-wrapper .ld-focus-sidebar {
  background: var(--surface);
  color: var(--text);
}

.learndash-wrapper .ld-focus-sidebar .ld-course-navigation-heading {
  color: var(--white);
  background: var(--amber) !important;
}

.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger:not([disabled]):not(:hover):not(:focus) .ld-icon,
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading {
  background-color: var(--amber) !important;
  color: var(--white) !important;
}

.learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete::after,
.learndash-wrapper .ld-focus .ld-focus-header #sfwd-mark-complete::after {
  color: var(--amber) !important;
}

/* Focus header — text-link nav (Previous Lesson / Mark Complete), not solid buttons */
.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions .ld-button.ld-button-transparent,
.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions .ld-navigation__progress-mark-complete-button,
.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions .learndash_mark_complete_button,
.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions #learndash_mark_complete_button {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: var(--amber) !important;
}

.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions .ld-navigation__progress-mark-complete-button .ld-svgicon,
.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions .ld-navigation__progress-mark-complete-button svg,
.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions .learndash_mark_complete_button .ld-svgicon,
.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions .learndash_mark_complete_button svg {
  color: var(--amber) !important;
  fill: currentColor;
}

.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions .ld-button.ld-button-transparent:hover,
.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions .ld-button.ld-button-transparent:focus,
.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions .ld-button.ld-button-transparent:focus-visible,
.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions .ld-navigation__progress-mark-complete-button:hover,
.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions .ld-navigation__progress-mark-complete-button:focus,
.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions .ld-navigation__progress-mark-complete-button:focus-visible,
.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions .learndash_mark_complete_button:hover,
.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions .learndash_mark_complete_button:focus,
.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions #learndash_mark_complete_button:hover,
.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions #learndash_mark_complete_button:focus {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  color: var(--text-heading) !important;
  outline-color: var(--amber);
}

.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions .ld-navigation__progress-mark-complete-button:hover .ld-svgicon,
.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions .ld-navigation__progress-mark-complete-button:hover svg,
.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions .ld-navigation__progress-mark-complete-button:focus .ld-svgicon,
.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions .ld-navigation__progress-mark-complete-button:focus svg,
.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions .learndash_mark_complete_button:hover .ld-svgicon,
.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions .learndash_mark_complete_button:hover svg {
  color: var(--text-heading) !important;
  fill: currentColor;
}

.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions .sfwd-mark-complete::after,
.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions #sfwd-mark-complete::after {
  color: var(--amber) !important;
}

.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions .sfwd-mark-complete:hover::after,
.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions #sfwd-mark-complete:hover::after {
  color: var(--text-heading) !important;
}

.learndash-wrapper .ld-primary-color,
.learndash-wrapper .ld-lesson-item.ld-is-current-lesson .ld-lesson-item-preview-heading,
.learndash-wrapper .ld-lesson-item.ld-is-current-lesson .ld-lesson-title,
.learndash-wrapper .ld-breadcrumbs a {
  color: var(--amber) !important;
}

.learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete .learndash_mark_complete_button:focus,
.learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete #learndash_mark_complete_button:focus,
.learndash-wrapper .ld-focus .ld-focus-header #sfwd-mark-complete .learndash_mark_complete_button:focus,
.learndash-wrapper .ld-focus .ld-focus-header #sfwd-mark-complete #learndash_mark_complete_button:focus {
  outline-color: var(--amber) !important;
}

.learndash-wrapper .ld-focus-sidebar .ld-lesson-item.ld-is-current-lesson .ld-lesson-item-preview-heading,
.learndash-wrapper .ld-focus-sidebar .ld-is-current-item .ld-lesson-item-preview-heading {
  color: var(--navy);
}

.learndash-wrapper .ld-navigation__previous-link,
.learndash-wrapper .ld-navigation__next-link,
.learndash-wrapper .ld-navigation__back-to-course-link {
  color: var(--muted);
}

.learndash-wrapper .ld-navigation__previous-link:hover,
.learndash-wrapper .ld-navigation__next-link:hover,
.learndash-wrapper .ld-navigation__back-to-course-link:hover {
  color: var(--text-heading);
}

/* Modern course layout — breathing room below the lesson list */
.learndash-wrapper .ld-accordion__section.ld-accordion__section--lessons {
  margin-bottom: 2rem;
}