/* Uxperience Learning — LearnPress supplemental styles */

.lp-course-curriculum .curriculum-section {
  border-bottom: 1px solid var(--ux-border);
}
.lp-course-curriculum .curriculum-section:last-child { border-bottom: none; }

.lp-course-curriculum .curriculum-section.open .curriculum-section-content { display: block; }
.lp-course-curriculum .curriculum-section-content { display: none; }

.learn-press-profile .profile-picture img {
  border-radius: 50%;
  border: 3px solid var(--ux-border);
}

.learn-press-message {
  background: var(--ux-amber-light);
  border-left: 4px solid var(--ux-amber);
  padding: 14px 18px;
  border-radius: 0 var(--ux-radius-sm) var(--ux-radius-sm) 0;
  color: var(--ux-purple-dark);
  font-size: 14px;
  margin-bottom: 20px;
}

.learn-press-checkout .lp-checkout-section {
  background: var(--ux-white);
  border: 1px solid var(--ux-border);
  border-radius: var(--ux-radius);
  padding: 28px;
  margin-bottom: 24px;
}

.lp-course-price .price {
  font-size: 28px !important;
  font-weight: 800 !important;
  color: var(--ux-purple-dark) !important;
}

.lp-course-price .origin-price {
  color: var(--ux-muted) !important;
  text-decoration: line-through !important;
  font-size: 16px !important;
}

.learn-press-course-info {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin: 20px 0;
  padding: 20px;
  background: var(--ux-purple-xlight);
  border-radius: var(--ux-radius);
}

.learn-press-course-info li {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: var(--ux-text);
  font-weight: 500;
}

.lp-question-text { font-weight: 600; color: var(--ux-purple-dark); margin-bottom: 12px; }
.lp-question-answers { display: flex; flex-direction: column; gap: 10px; }

.lp-question-answer label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 16px;
  border: 1.5px solid var(--ux-border);
  border-radius: var(--ux-radius-sm);
  cursor: pointer;
  transition: var(--ux-transition);
  font-weight: 400;
  color: var(--ux-text);
  font-size: 14px;
  line-height: 1.5;
}

.lp-question-answer label:hover {
  border-color: var(--ux-purple);
  background: var(--ux-purple-xlight);
}

.lp-quiz-time-remaining {
  background: var(--ux-purple);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  padding: 8px 16px;
  border-radius: var(--ux-radius-sm);
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.lp-quiz-time-remaining.warning { background: var(--ux-error); }