/* ============================================================
   SKG.EDUCATION - tutor.css
   Reskins TutorLMS pages (course pages, course-category archives,
   the learning interface) into the Momentum brand.

   It works by overriding TutorLMS's own CSS custom properties and
   adding targeted brand styling on top - it does NOT touch any
   TutorLMS PHP or template, so it survives plugin updates.

   Round 1: recolour + typography + the key buttons/cards. The
   deeper layout work (course landing matching demo 18/19) is
   handled by template overrides in /tutor/ - built separately.
   ============================================================ */

/* ---- 1. Brand palette: override TutorLMS theming variables ---- */
:root {
	--tutor-color-primary: #136a9c !important;
	--tutor-color-primary-hover: #0e527a !important;
	--tutor-color-primary-rgb: 19, 106, 156 !important;
	--tutor-color-black: #222d40 !important;
	--tutor-color-secondary: #222d40 !important;
	--tutor-body-font-family: 'Inter SKG', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
	--tutor-heading-font-family: 'Inter SKG', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* ---- 2. Typography: Inter everywhere on TutorLMS pages ---- */
.tutor-wrap,
.tutor-course-details-page,
.tutor-courses-wrap,
[class*="tutor-"] {
	font-family: 'Inter SKG', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
.tutor-course-details-page h1,
.tutor-course-details-page h2,
.tutor-course-details-page h3,
.tutor-course-details-page h4 {
	color: #222d40;
	font-weight: 900;
	letter-spacing: -0.025em;
}

/* ---- 3. Primary call-to-action (enrol / add-to-cart): brand orange,
        navy text - navy-on-orange passes WCAG AA, white-on-orange fails ---- */
.tutor-btn.tutor-btn-primary,
a.tutor-btn-primary,
button.tutor-btn-primary {
	background-color: #f27435 !important;
	border-color: #f27435 !important;
	color: #222d40 !important;
	font-weight: 800;
	border-radius: 999px;
}
.tutor-btn.tutor-btn-primary:hover,
a.tutor-btn-primary:hover,
button.tutor-btn-primary:hover {
	background-color: #d4541b !important;
	border-color: #d4541b !important;
	color: #222d40 !important;
}

/* secondary / outline buttons: navy outline */
.tutor-btn.tutor-btn-outline-primary,
.tutor-btn.tutor-btn-secondary {
	border-radius: 999px;
	font-weight: 700;
}

/* ---- 4. The Momentum card look: thick navy outline on the
        course sidebar (enrol box), curriculum accordion and the
        instructor block. Selectors are a first pass - refined
        against the live render. ---- */
.tutor-single-course-sidebar > .tutor-card,
.tutor-single-course-sidebar .tutor-course-sidebar-card,
.tutor-course-details-page .tutor-accordion,
.tutor-course-details-instructors {
	border: 3px solid #222d40 !important;
	border-radius: 16px;
	overflow: hidden;
}

/* curriculum accordion headers */
.tutor-course-details-page .tutor-accordion-item-header {
	font-weight: 800;
	color: #222d40;
}

/* course-category archive cards */
.tutor-course-listing .tutor-card,
.tutor-courses-wrap .tutor-card {
	border: 3px solid #222d40;
	border-radius: 16px;
}

/* links use the brand blue */
.tutor-course-details-page a:not(.tutor-btn) {
	color: #136a9c;
}