/* ============================================
   FRETPRINTS — MemberPress Course Player Override
   Brand: dark bg #1d2327 / #2e2f33, accent #ee6600, font Cabin
   ============================================ */

/* --- Global / Page Background --- */
body.mpcs-classroom,
body.single-mpcs-lesson,
body.single-mpcs-course {
  background-color: #1d2327;
  color: #c3c4c7;
  font-family: Cabin, sans-serif;
}

/* --- Top Navigation Bar --- */
body.mpcs-classroom header,
body.single-mpcs-lesson header {
  background-color: #2e2f33;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

/* Previous Section button */
body.mpcs-classroom header .navbar-section a[href]:first-child,
body.mpcs-classroom header a.nav-back {
  background-color: #2e2f33;
  color: #c3c4c7;
}

body.mpcs-classroom header a.nav-back:hover {
  color: #ffffff;
}

/* Complete and Continue button — swap teal for brand orange */
body.mpcs-classroom header .navbar-section a.mpcs-lesson-complete,
body.mpcs-classroom header .mpcs-lesson-button {
  background-color: #ee6600;
  color: #ffffff;
}

body.mpcs-classroom header .navbar-section a.mpcs-lesson-complete:hover,
body.mpcs-classroom header .mpcs-lesson-button:hover {
  background-color: #d45a00;
}

/* --- Sidebar --- */
.mpcs-sidebar-wrapper,
.mpcs-sidebar-content,
.content-sidebar {
  background-color: #2c3338;
  color: #c3c4c7;
  border-right: 1px solid rgba(255, 255, 255, 0.08);
}

/* Course title in sidebar */
.mpcs-sidebar-content h2,
.mpcs-sidebar-content .course-progress h2 {
  color: #ffffff;
  font-family: Cabin, sans-serif;
}

/* Progress bar track */
.mpcs-sidebar-content .progress-bar {
  background-color: rgba(255, 255, 255, 0.1);
}

/* Progress bar fill — brand orange */
.mpcs-sidebar-content .progress-bar > div,
.mpcs-sidebar-content .user-progress {
  background-color: #ee6600 !important;
}

/* Progress text */
.mpcs-sidebar-content .progress-text,
.mpcs-sidebar-content .course-progress {
  background-color: transparent;
  color: #95b2aa;
}

/* Section headers (The Drills, Individual Chords, etc.) */
.mpcs-section-header {
  background-color: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.mpcs-section-title,
.mpcs-section-title-text {
  color: #ffffff;
  font-weight: 600;
}

/* Section expand/collapse arrows */
.mpcs-section-header button,
.mpcs-section-header .mpcs-section-title::after {
  color: #95b2aa;
}

/* Lesson list items */
.mpcs-lesson {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.mpcs-lesson .mpcs-lesson-row-link,
.mpcs-lesson a {
  color: #c3c4c7;
}

.mpcs-lesson:hover {
  background-color: rgba(255, 255, 255, 0.05);
}

.mpcs-lesson .mpcs-lesson-row-link:hover,
.mpcs-lesson a:hover {
  color: #ffffff;
}

/* Current / active lesson — orange highlight instead of teal */
.mpcs-lesson.current {
  background-color: rgba(238, 102, 0, 0.15);
  border-left: 3px solid #ee6600;
}

.mpcs-lesson.current .mpcs-lesson-row-link,
.mpcs-lesson.current a,
.mpcs-lesson.current .mpcs-lesson-link {
  color: #ffffff;
}

/* Completed lesson */
.mpcs-lesson.completed .mpcs-lesson-row-link,
.mpcs-lesson.completed a {
  color: #6b7880;
}

/* Lesson icons */
.mpcs-lesson-icon {
  color: #6b7880;
}

.mpcs-lesson.current .mpcs-lesson-icon {
  color: #ee6600;
}

/* Completed checkmark icon */
.mpcs-lesson.completed .mpcs-lesson-icon {
  color: #ee6600;
}

/* --- Main Content Area --- */
#mpcs-main,
.mpcs-main-content {
  background-color: #1d2327;
  color: #c3c4c7;
}

/* Content area headings */
#mpcs-main h2,
.mpcs-main-content h2 {
  color: #ffffff;
  font-family: Cabin, sans-serif;
}

#mpcs-main h3,
.mpcs-main-content h3 {
  color: #c3c4c7;
}

/* Links in content area */
#mpcs-main a {
  color: #ee6600;
}

#mpcs-main a:hover {
  color: #ff8833;
}

/* --- Course Overview / Landing Page --- */
body.single-mpcs-course .mpcs-main-content,
body.single-mpcs-course #mpcs-main {
  background-color: #1d2327;
  color: #c3c4c7;
}

/* Course curriculum section headers */
body.single-mpcs-course .mpcs-section-header {
  background-color: #2c3338;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* Start Course / Start button */
body.single-mpcs-course .mpcs-lesson-button,
body.single-mpcs-course a[class*="btn"] {
  background-color: #ee6600;
  color: #ffffff;
  border-radius: 6px;
}

body.single-mpcs-course .mpcs-lesson-button:hover {
  background-color: #d45a00;
}

/* --- Sidebar Toggle Button --- */
.sidebar-open button,
.sidebar-close button,
button.sidebar-open,
button.sidebar-close {
  color: #c3c4c7;
}

button.sidebar-open:hover,
button.sidebar-close:hover {
  color: #ffffff;
}

/* --- Scrollbar (subtle dark scrollbar for sidebar) --- */
.mpcs-sidebar-wrapper::-webkit-scrollbar {
  width: 6px;
}

.mpcs-sidebar-wrapper::-webkit-scrollbar-track {
  background: #1d2327;
}

.mpcs-sidebar-wrapper::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 3px;
}

.mpcs-sidebar-wrapper::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.25);
}