/* Restyles Drupal LMS's own module/quiz/progress markup to match VenturedIn's
   type system and palette. Drupal LMS's default stylesheet is disabled for
   this theme via venturedin.info.yml's libraries-override, so these rules
   are the only skin its templates get — no Drupal LMS logic, markup structure,
   grading, or JS behavior is touched here.

   Selectors target Drupal LMS's documented CSS classes/IDs as of Drupal LMS 6.x for
   Drupal 10/11; re-check against the exact Drupal LMS release pinned for this
   build before go-live. */

.lms-module-list,
.lms-activity-list {
  font-family: var(--vi-font-body);
  border: none;
}

.lms-module-list .lms-module-item,
.lms-activity-list .lms-activity-item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px 22px;
  border-bottom: 1px solid var(--vi-line);
}

.lms-module-item.completed .lms-module-item__icon,
.lms-activity-item.completed .lms-activity-item__icon {
  background: var(--vi-brass-deep);
  color: #fff;
}

.lms-module-item__icon,
.lms-activity-item__icon {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--vi-font-mono);
  font-size: 0.75rem;
  background: var(--vi-paper);
  border: 1px solid var(--vi-line);
  flex-shrink: 0;
}

.lms-progress-bar {
  height: 6px;
  background: var(--vi-line);
  border-radius: 3px;
  overflow: hidden;
}
.lms-progress-bar__fill {
  height: 100%;
  background: var(--vi-brass-deep);
}

.lms-quiz-question {
  background: var(--vi-navy-card);
  color: #fff;
  border-radius: 8px;
  padding: 32px;
}
.lms-quiz-question label {
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid #33456B;
  border-radius: 4px;
  padding: 12px 14px;
  font-size: 0.92rem;
  margin-bottom: 10px;
}

.lms-certificate-badge {
  font-family: var(--vi-font-mono);
  font-size: 0.72rem;
  color: var(--vi-brass-deep);
  border: 1px solid var(--vi-brass-deep);
  border-radius: 12px;
  padding: 3px 10px;
}