/* =========================================================
   Stractive Journey — Tutor LMS look & feel.
   Uses Tutor's own design tokens (CSS variables), so Tutor layouts and
   functionality stay untouched. The brand color itself is set in
   Tutor LMS → Settings → Design (the theme sets it to Ruby once).
   ========================================================= */

:root {
	--tutor-font-family-body: "Inter";
	--tutor-font-family-heading: "Poppins";
}

/* Headings inside Tutor screens use the brand title font */
:where(.tutor-wrap, .tutor-course-details-page, .tutor-dashboard, .tutor-course-list, .tutor-learning-area) :where(h1, h2, h3, h4) {
	font-family: var(--wp--preset--font-family--poppins);
}

/* Course cards and sidebar */
.tutor-card,
.tutor-course-card { border-radius: 22px; }
.tutor-course-details-page .tutor-card,
.tutor-course-sidebar-card { border-radius: 22px; overflow: hidden; }

/* Buttons: same pill shape and motion as the rest of the site */
.tutor-btn {
	border-radius: 999px;
	font-family: var(--wp--preset--font-family--poppins);
	font-weight: 600;
	transition: transform .18s cubic-bezier(.2, .7, .3, 1), box-shadow .18s ease, background-color .18s ease, color .18s ease;
}
.tutor-btn:hover { transform: translateY(-1px); }
.tutor-btn:active { transform: translateY(0) scale(.98); }
.tutor-btn:focus-visible { outline: 3px solid var(--wp--preset--color--gold); outline-offset: 3px; }

/* Notice printed by Stractive Core when a level needs the placement exam */
.sj-entry-notice { margin-top: 12px; }
.sj-entry-notice .tutor-btn { margin-top: 8px; }

/* Course page background matches the site */
body.single-courses,
body.post-type-archive-courses { background-color: var(--wp--preset--color--beige); }

/* Live-class box inside the course sidebar */
.tutor-course-details-page .sj-live-box { margin-top: 16px; }

@media (prefers-reduced-motion: reduce) {
	.tutor-btn { transition: none; }
	.tutor-btn:hover, .tutor-btn:active { transform: none; }
}