/* ---- Observer Ranch | Tevello Custom CSS ---- */

/* Base font and background */
.tevello-app {
  font-family: 'Georgia', serif;
  background-color: #f5f0eb;
  color: #2b1f14;
}

/* Sidebar */
.course-sidebar {
  background-color: #2b1f14;
  color: #f5f0eb;
  border-right: 3px solid #7a3b1e;
}

.course-sidebar a {
  color: #e8d5b7;
}

.course-sidebar a:hover {
  color: #ffffff;
}

/* Active lesson highlight */
.lesson-item.active,
.lesson-item--active {
  background-color: #7a3b1e !important;
  color: #ffffff !important;
  border-left: 4px solid #c4621a;
}

/* Progress bar */
.progress-bar {
  background-color: #c4621a;
}

.progress-bar-track {
  background-color: #e8d5b7;
}

/* Buttons */
.btn-primary,
.complete-continue-btn,
[class*="complete"] {
  background-color: #7a3b1e !important;
  color: #ffffff !important;
  border: none;
  border-radius: 4px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-size: 0.85rem;
}

.btn-primary:hover,
.complete-continue-btn:hover {
  background-color: #c4621a !important;
}

/* Video container */
.lesson-video-container,
.video-wrapper {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(43, 31, 20, 0.3);
}

/* Lesson title */
.lesson-title,
h1.lesson-name {
  font-family: 'Georgia', serif;
  color: #2b1f14;
  font-size: 1.6rem;
  margin-bottom: 1rem;
}

/* Module header in sidebar */
.module-title,
.section-title {
  color: #c4621a;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 0.1em;
  padding: 0.75rem 1rem;
}

/* Completion checkmarks */
.lesson-complete-icon {
  color: #c4621a;
}