/*
 * Tutor LMS fixes that are not design tokens.
 * Screen-by-screen skinning (dashboard, course page, lesson view) is added in
 * later steps; keep this file for cross-screen fixes.
 */

/*
 * Hello Elementor's reset styles every button[type=submit] as a pink outline
 * with the same specificity as Tutor's .tutor-btn-primary, and loads later.
 * Restore Tutor's look (modern vars first, legacy vars as fallback).
 */
button.tutor-btn.tutor-btn-primary,
input.tutor-btn.tutor-btn-primary {
	background-color: var(--tutor-button-primary, var(--tutor-color-primary));
	border-color: var(--tutor-button-primary, var(--tutor-color-primary));
	color: var(--fdi-white);
}

button.tutor-btn.tutor-btn-primary:hover,
button.tutor-btn.tutor-btn-primary:focus-visible,
input.tutor-btn.tutor-btn-primary:hover,
input.tutor-btn.tutor-btn-primary:focus-visible {
	background-color: var(--tutor-button-primary-hover, var(--tutor-color-primary-hover));
	border-color: var(--tutor-button-primary-hover, var(--tutor-color-primary-hover));
	color: var(--fdi-white);
}

button.tutor-btn.tutor-btn-outline-primary {
	background-color: transparent;
	border-color: var(--tutor-button-primary, var(--tutor-color-primary));
	color: var(--tutor-button-primary, var(--tutor-color-primary));
}

button.tutor-btn.tutor-btn-outline-primary:hover,
button.tutor-btn.tutor-btn-outline-primary:focus-visible {
	background-color: var(--tutor-button-primary, var(--tutor-color-primary));
	border-color: var(--tutor-button-primary, var(--tutor-color-primary));
	color: var(--fdi-white);
}

/* Legacy Tutor screens use a fixed 6px radius; follow the pill token instead. */
.tutor-btn {
	border-radius: var(--tutor-button-radius);
}

/* Course curriculum titles are body text in Figma, not headings. */
.tutor-course-content-list-item-title,
.tutor-accordion-item-header {
	font-family: var(--fdi-font-body);
}