/**
 * MemberPress Courses — align classroom, archive, and lesson UI with Prozess / MemberPress tokens.
 * Loads after `mpcs-classroom` or `mpcs-progress` when present.
 */

body.mpcs-classroom,
body.post-type-archive-mpcs-course,
body.single-mpcs-course,
body.single-mpcs-lesson {
  font-family: var(--sans);
  color: var(--text);
  background: var(--surface);
}

/* -------------------------------------------------------------------------- */
/* Top / sidebar nav bars (plugin defaults: teal #008579 + dark gray)       */
/* -------------------------------------------------------------------------- */

#mpcs-navbar,
#mpcs-sidebar-navbar {
  background-color: var(--text-heading) !important;
}

/**
 * Classroom header chrome + lesson CTAs: `inc/memberpress-courses.php` prints late overrides so profile /
 * ellipsis aren’t styled as solid amber blocks (MPCS + our earlier broad selectors conflicted).
 */

/* -------------------------------------------------------------------------- */
/* Sidebar curriculum                                                         */
/* -------------------------------------------------------------------------- */

#mpcs-sidebar {
  background: var(--surface-muted) !important;
}

#mpcs-sidebar .mpcs-sidebar-wrapper {
  border-right-color: var(--line) !important;
}

#mpcs-sidebar .mpcs-sidebar-menu a {
  color: var(--muted) !important;
  border-left-color: transparent !important;
}

#mpcs-sidebar .mpcs-sidebar-menu a.is-active {
  background: var(--surface) !important;
  border-left-color: var(--amber) !important;
  color: var(--text-heading) !important;
}

#mpcs-sidebar .mpcs-sidebar-wrapper .course-progress,
#mpcs-sidebar .course-progress {
  background: var(--surface-muted) !important;
}

/* -------------------------------------------------------------------------- */
/* Main column                                                                */
/* -------------------------------------------------------------------------- */

#mpcs-main {
  background: var(--surface);
}

#mpcs-main h2,
#mpcs-main .entry-title {
  font-family: var(--serif);
  color: var(--text-heading);
}

.mpcs-classroom a:not(.navbar-brand):not(.site-branding):not(.btn):not(.mepr-btn),
.post-type-archive-mpcs-course .entry-content a:not(.btn):not(.mepr-btn) {
  color: var(--amber);
}

.mpcs-classroom a:not(.navbar-brand):not(.site-branding):not(.btn):hover,
.post-type-archive-mpcs-course .entry-content a:not(.btn):hover {
  color: var(--amber2);
}

/* Lesson list */
.mpcs-section {
  background-color: var(--surface-muted);
  border-radius: var(--radius);
}

.mpcs-section-title {
  background: var(--surface-subtle);
  color: var(--text-heading);
}

.mpcs-lesson.current {
  background: rgba(200, 146, 42, 0.15);
}

.mpcs-lesson i.mpcs-check-circle-regular,
.mpcs-lesson i.mpcs-circle-regular {
  color: var(--amber) !important;
}

.mpcs-lesson:hover {
  background-color: var(--surface-subtle);
}

.course-progress .progress-bar {
  background-color: var(--surface-subtle);
}

.course-progress .user-progress {
  background-color: var(--amber) !important;
}

.course-progress .progress-text {
  color: var(--amber) !important;
}

/* Comments / respond — match surfaces */
#mpcs-main .comments-title,
#mpcs-main #comments > ol li,
#mpcs-main #respond {
  background: var(--surface-muted);
  color: var(--text);
}

#mpcs-main #respond .form-submit input[name="submit"] {
  background: var(--amber) !important;
  color: var(--navy) !important;
  border-radius: var(--radius);
}

#mpcs-main #respond .form-submit input[name="submit"]:hover {
  background: var(--amber2) !important;
}

/* Bookmark bar */
#mpcs-main #bookmark {
  background: var(--cream);
  border: 1px solid var(--line-accent);
}

/* -------------------------------------------------------------------------- */
/* Course archive cards & filters                                             */
/* -------------------------------------------------------------------------- */

.post-type-archive-mpcs-course {
  background: var(--surface-muted);
}

.mpcs-cards .card {
  border: 1px solid var(--line);
  box-shadow: var(--shadow-soft);
}

.mpcs-cards .card-footer .price {
  color: var(--amber) !important;
}

.mpcs-cards .card-footer .course-author a {
  color: var(--amber);
}

.mpcs-course-filter button.btn {
  border-color: var(--line-strong) !important;
  color: var(--muted) !important;
}

.mpcs-course-filter button.btn:hover {
  border-color: var(--amber) !important;
  color: var(--text-heading) !important;
}

.mpcs-course-filter .dropdown .btn span,
.mpcs-course-filter .dropdown .btn i {
  color: var(--amber) !important;
}

/* Progress ring accent */
.mpcs-progress-ring {
  background-color: var(--amber);
}

/* Quiz feedback accent */
.mpcs-quiz-question-feedback {
  border-top-color: var(--amber);
  border-bottom-color: var(--amber);
}

/* -------------------------------------------------------------------------- */
/* Embedded in MemberPress account (“Courses” tab)                            */
/* -------------------------------------------------------------------------- */

body.mepr-app-layout .mepr-courses-wrapper .course-progress .user-progress,
body.mepr-app-layout .mepr-courses-wrapper .btn-green {
  background: var(--amber) !important;
  color: var(--navy) !important;
}

body.mepr-app-layout .mepr-courses-wrapper .mpcs-classroom #mpcs-quiz-navigation button:hover,
body.mepr-app-layout .mepr-courses-wrapper .mpcs-classroom #mpcs-quiz-navigation button:focus {
  background: var(--amber2) !important;
  color: var(--navy) !important;
}

body.mepr-app-layout .mepr-courses-wrapper .mpcs-classroom div#mpcs-lesson-navigation button:hover:not(#previous_lesson_link),
body.mepr-app-layout .mepr-courses-wrapper #mpcs-navbar button:hover:not(#mpcs-classroom-previous-lesson-link) {
  background: var(--amber2) !important;
  color: var(--navy) !important;
}