/*
 * KAC LearnDash brand skin.
 *
 * Recolors LD's default surfaces — progress bars, badges, primary
 * action buttons — to the KAC palette WITHOUT touching LD's
 * structural HTML. Applied behind .kac-ld-surface (set by the
 * learndash/{course,lesson,topic,quiz}.php overrides) so it can't
 * leak into other pages.
 *
 * If LD ships markup changes that break selectors below, the page
 * still renders correctly — we just lose color, which is acceptable
 * fallback behavior.
 */

.kac-ld-surface {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  color: var(--kac-ink);
  background: var(--kac-page);
}

/* Course/lesson cards. */
.kac-ld-surface .ld-item-list-item,
.kac-ld-surface .ld-course-list-item,
.kac-ld-surface .ld-lesson-item,
.kac-ld-surface .ld-topic-list-item {
  background: var(--kac-surface);
  border: 1px solid var(--kac-border);
  border-radius: var(--kac-radius-lg);
  box-shadow: var(--kac-shadow-card);
}

/* Progress bars — the single most-visible LD surface. */
.kac-ld-surface .ld-progress-bar,
.kac-ld-surface .ld-progress-bar-percentage {
  background-color: rgba(41, 82, 163, 0.12);
  border-radius: 999px;
  overflow: hidden;
}

.kac-ld-surface .ld-progress-bar-percentage > span,
.kac-ld-surface .ld-progress-bar > .ld-progress-bar-percentage {
  background-color: var(--kac-brand) !important;
  background-image: linear-gradient(90deg, var(--kac-brand) 0%, var(--kac-brand-light) 100%) !important;
  border-radius: 999px;
}

.kac-ld-surface .ld-progress-stats,
.kac-ld-surface .ld-progress-percentage {
  color: var(--kac-ink-2);
  font-weight: 500;
}

/* Completion badges and check marks → gold. */
.kac-ld-surface .ld-status-complete,
.kac-ld-surface .ld-status-icon-complete,
.kac-ld-surface .ld-icon-complete,
.kac-ld-surface .ld-status.ld-status-complete {
  background-color: var(--kac-gold) !important;
  color: var(--kac-navy-dark) !important;
  border-color: var(--kac-gold) !important;
}

.kac-ld-surface .ld-status-incomplete {
  background-color: var(--kac-border);
  color: var(--kac-ink-2);
}

/* Primary buttons — "Mark Complete", "Take this Quiz", etc. */
.kac-ld-surface .learndash-wrapper .ld-button,
.kac-ld-surface .learndash-wrapper button.ld-button,
.kac-ld-surface .ld-button:not(.ld-button-alternate):not(.ld-button-transparent) {
  background-color: var(--kac-brand) !important;
  border-color: var(--kac-brand) !important;
  color: #fff !important;
  border-radius: var(--kac-radius-md) !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  transition: background-color 120ms ease;
}

.kac-ld-surface .learndash-wrapper .ld-button:hover,
.kac-ld-surface .ld-button:not(.ld-button-alternate):not(.ld-button-transparent):hover {
  background-color: var(--kac-navy) !important;
  border-color: var(--kac-navy) !important;
}

/* Secondary buttons — keep the brand outline. */
.kac-ld-surface .ld-button.ld-button-alternate {
  background: transparent !important;
  border: 1px solid var(--kac-brand) !important;
  color: var(--kac-brand) !important;
}

/* Headings. */
.kac-ld-surface h1,
.kac-ld-surface h2,
.kac-ld-surface h3,
.kac-ld-surface .ld-course-title,
.kac-ld-surface .ld-lesson-title {
  color: var(--kac-navy-dark);
  font-weight: 600;
}

/* Quiz answer highlights. */
.kac-ld-surface .wpProQuiz_questionListItem.is-correct,
.kac-ld-surface .wpProQuiz_correct {
  background-color: rgba(34, 197, 94, 0.10) !important;
  border-color: var(--kac-success) !important;
}

.kac-ld-surface .wpProQuiz_questionListItem.is-incorrect,
.kac-ld-surface .wpProQuiz_incorrect {
  background-color: rgba(239, 68, 68, 0.08) !important;
  border-color: var(--kac-danger) !important;
}