/*
 * Sensei LMS Pro styling overrides for the CHTTI child theme.
 */

body,
.sensei-course,
.sensei-lesson,
.sensei-quiz {
  font-family: var(--font-body);
  color: var(--chtti-dark);
}

.sensei-course .course_title,
.sensei-lesson .lesson_title,
.sensei-quiz .quiz_title {
  font-family: var(--font-display);
  color: var(--chtti-blue);
}

.sensei-course-details,
.sensei-lesson-details,
.sensei-quiz-details,
.sensei-dashboard {
  background: var(--chtti-white);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-card);
  padding: var(--space-4);
}

.sensei-course .button,
.sensei-lesson .button,
.sensei-quiz .button,
.sensei-lesson-navigation .button,
.sensei-quiz-pagination .button {
  background: var(--chtti-blue);
  color: #fff;
  border-radius: var(--radius-sm);
  padding: 12px 24px;
  transition: background var(--transition-fast), transform var(--transition-fast);
}

.sensei-course .button:hover,
.sensei-lesson .button:hover,
.sensei-quiz .button:hover {
  background: #1645a1;
  transform: scale(1.02);
}

/* Accent CTA — the enroll / purchase (take course) button is orange, not blue.
   Covers Sensei's take-course form, the Course Actions block, and the linked
   WooCommerce add-to-cart button rendered inside the course. */
.course-signup .button,
form.course-manage-add-to-cart .single_add_to_cart_button,
.wp-block-sensei-lms-course-actions .wp-block-button__link,
.sensei-course .single_add_to_cart_button {
  background: var(--chtti-orange);
  color: #fff;
}

.course-signup .button:hover,
form.course-manage-add-to-cart .single_add_to_cart_button:hover,
.wp-block-sensei-lms-course-actions .wp-block-button__link:hover,
.sensei-course .single_add_to_cart_button:hover {
  background: #cf4a14; /* --chtti-orange darkened ~10% */
  transform: scale(1.02);
}

.sensei-dashboard__course-card,
.sensei-course-card,
.sensei-lesson-card {
  border-radius: var(--radius-md);
  background: var(--chtti-light);
  border: 1px solid var(--chtti-gray);
}

/* Learning Mode (focus mode) logo — render ~10% larger than the default.
   transform keeps it independent of whatever width Learning Mode sets, and the
   body.sensei-course-theme scope means only Learning Mode pages are affected. */
body.sensei-course-theme .wp-block-site-logo .custom-logo {
  transform: scale(1.1);
  transform-origin: left center;
}

/* Sensei blocks use .alignfull / .alignwide, which can break the layout when
   rendered inside the Elementor content area. Neutralise them (handoff §5). */
.course-container .alignfull,
.course-container .alignwide,
.wp-block-sensei-lms-course-outline.alignfull,
.wp-block-sensei-lms-course-outline.alignwide {
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
}

@media (prefers-reduced-motion: reduce) {
  .sensei-course .button,
  .sensei-lesson .button,
  .sensei-quiz .button {
    transition: none;
    transform: none;
  }
}