/*
 * CursoFlow — compatibilidade visual com o Tutor LMS.
 *
 * O Tutor LMS renderiza suas próprias páginas (arquivo de cursos, curso
 * único, dashboard do aluno) dentro do header.php/footer.php do tema ativo,
 * então a identidade visual (cores, fontes, header, footer) já é herdada
 * automaticamente. Este arquivo apenas alinha os componentes do PRÓPRIO
 * Tutor (botões, cards, badges) à paleta do tema, sem reescrever os
 * templates PHP do plugin — isso evita quebrar com atualizações do Tutor.
 *
 * Se no futuro for necessário um controle pixel-perfect da grade de cursos,
 * crie overrides em wp-content/themes/cursoflow/tutor/ (ex: archive-course.php)
 * — o Tutor LMS procura lá antes de usar o template padrão dele.
 */

.tutor-wrap,
.tutor-dashboard-wrap,
.tutor-modal {
	--tutor-color-primary: var(--cf-primary);
	--tutor-color-primary-hover: var(--cf-primary-dark);
	--tutor-color-primary-rgb: 109, 40, 217;
	font-family: var(--cf-font-body);
}

.tutor-wrap h1,
.tutor-wrap h2,
.tutor-wrap h3,
.tutor-wrap h4,
.tutor-dashboard-wrap h1,
.tutor-dashboard-wrap h2,
.tutor-dashboard-wrap h3 {
	font-family: var(--cf-font-heading);
}

/* Botões: cantos arredondados em pílula, como o resto do tema. */
.tutor-wrap .tutor-btn,
.tutor-dashboard-wrap .tutor-btn,
.tutor-modal .tutor-btn {
	border-radius: 999px !important;
	font-weight: 600;
	text-transform: none;
}

.tutor-wrap .tutor-btn-primary,
.tutor-dashboard-wrap .tutor-btn-primary {
	background-color: var(--cf-accent) !important;
	border-color: var(--cf-accent) !important;
}

.tutor-wrap .tutor-btn-primary:hover,
.tutor-dashboard-wrap .tutor-btn-primary:hover {
	background-color: var(--cf-accent-dark) !important;
	border-color: var(--cf-accent-dark) !important;
}

.tutor-wrap .tutor-btn-outline-primary {
	color: var(--cf-primary) !important;
	border-color: var(--cf-primary) !important;
}

/* Cards de curso (arquivo/lista) e cards genéricos do Tutor. */
.tutor-wrap .tutor-card,
.tutor-wrap .tutor-course-loop-item,
.tutor-wrap [class*="course-loop-item"],
.tutor-wrap [class*="course-list-item"] {
	border-radius: var(--cf-radius) !important;
	overflow: hidden;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.tutor-wrap .tutor-card:hover,
.tutor-wrap .tutor-course-loop-item:hover,
.tutor-wrap [class*="course-loop-item"]:hover {
	transform: translateY(-4px);
	box-shadow: var(--cf-shadow-lg);
}

/* Badges / preço */
.tutor-wrap .tutor-badge,
.tutor-wrap [class*="badge"] {
	border-radius: 999px !important;
}

/* Dashboard do aluno: menu lateral com estado ativo na cor primária. */
.tutor-dashboard-wrap .tutor-dashboard-menu-item.active a,
.tutor-dashboard-wrap .tutor-dashboard-menu-item a:hover {
	color: var(--cf-primary) !important;
}

.tutor-dashboard-wrap .tutor-dashboard-menu-item.active {
	border-color: var(--cf-primary) !important;
}

/* Barra de progresso do curso */
.tutor-wrap .tutor-progress-bar > span,
.tutor-wrap [class*="progress-bar"] > span {
	background-color: var(--cf-accent) !important;
}

/* Estrelas de avaliação já usam cor própria do Tutor (amarelo) — mantemos. */

/* Contêiner geral um pouco mais respirado, alinhado ao --cf-container do tema. */
.tutor-wrap.tutor-container {
	max-width: var(--cf-container);
}