/* assets/css/components/_course-lms.css
 * Course page (Tutor LMS single course) — states the static Course.html
 * didn't have. Loaded after pages/_course.css. Everything else on the page
 * is the design CSS as-is; Tutor's own CSS is not loaded (inc/hooks/course.php).
 */

/* --- Hero: purchase-state button (<a> / disabled <span>) --- */
a.course-add-to-cart-btn { text-decoration: none; }
.course-add-to-cart-btn[aria-busy="true"] { opacity: 0.7; cursor: progress; }
.course-add-to-cart-btn--continue { background: #000080; }
.course-add-to-cart-btn--continue:hover { background: #1a1a9e; }
.course-add-to-cart-btn--in_cart { background: #C22DAF; }
.course-add-to-cart-btn.is-disabled { background: #B9B9C8; cursor: not-allowed; }
.course-add-to-cart-btn.is-disabled:hover { background: #B9B9C8; }
.course-add-to-cart-btn:focus-visible,
.course-favorite-link:focus-visible,
.course-hero-play-btn:focus-visible { outline: 2px solid #000080; outline-offset: 3px; }

/* Enrolled: progress line in place of the price row */
.course-hero-progress {
  font-family: 'Fredoka', sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #000080;
}

/* Status line under the buttons (favorites result / pending order note) */
.course-hero-status {
  margin: -8px 0 0;
  font-family: 'Fredoka', sans-serif;
  font-size: 17px;
  color: #000080;
}
.course-hero-status a { color: #C22DAF; font-weight: 600; }
.course-hero-status[hidden] { display: none; }

/* Favorites: filled heart when saved (the design's outline icon) */
.course-favorite-link[aria-busy="true"] { opacity: 0.6; cursor: progress; }
.course-favorite-link.is-active svg path { fill: #C22DAF; stroke: #C22DAF; }

/* Rating count is a link to the reviews block */
.course-hero-rating a.rating-summary-count { text-decoration: none; }
.course-hero-rating a.rating-summary-count:hover { text-decoration: underline; }

/* Hero photo: no featured image → keep the pink circle */
.course-hero-photo--empty { background: #F6DFEC; }

/* --- Benefits: icon uploaded in ACF (SVG / image) --- */
.course-feature-icon-img { display: block; width: auto; height: 64px; max-width: 80px; object-fit: contain; }

/* --- Curriculum: <ul>/<li> markup, lesson links, preview tag, completed --- */
ul.curriculum-lessons { margin: 0; list-style: none; }
.curriculum-lesson-link { color: inherit; text-decoration: none; }
.curriculum-lesson-link:hover,
.curriculum-lesson-link:focus-visible { color: #000080; text-decoration: underline; }
.curriculum-lesson-tag {
  margin-inline-start: auto;
  padding: 2px 10px;
  border-radius: 9999px;
  background: #BEE1DA;
  color: #183B51;
  font-size: 15px;
  line-height: 20px;
  white-space: nowrap;
}
.curriculum-lesson.is-complete { border-right-color: #4F8278; }
.curriculum-lesson.is-complete .curriculum-lesson-icon path { fill: #4F8278; }
h2.course-summary-title { font-size: 32px; line-height: 45px; }

/* --- Instructor quote: first line = pink lead (was an inline style) --- */
.course-instructor-quote-lead { display: block; color: #C22DAF; font-weight: 500; }
blockquote.course-instructor-quote { padding: 0; border: 0; }

/* --- Reviews notice: error variant --- */
.tool-review-notice.is-error { background: #FBE3E6; }

/* --- Intro video: self-hosted file (<video>) in the lightbox --- */
.video-embed video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: #000;
  border: 0;
}