/**
 * ERT Bauru — página de um curso (/courses/<slug>/).
 *
 * Mesma ideia da listagem: o markup, as abas, o currículo, os favoritos e o
 * botão de compra continuam sendo os do Tutor LMS. Aqui entram só a paleta, as
 * fontes e o acabamento da escola, em boa parte por redefinição dos tokens
 * `--tutor-*` da folha antiga do frontend (a mesma família usada em /courses/,
 * e NÃO a do painel, que tem outros nomes).
 *
 * O cabeçalho e o rodapé da ERT não entram por aqui: são pendurados nos hooks
 * `tutor_course/single/before|after/wrap` no functions.php, sem override de
 * template nenhum.
 *
 * Carregada só em is_singular('courses').
 */

body.single-courses {
	--vinho: #6A2128;
	--carvao: #282523;
	--dourado: #7E5433;
	--dourado-claro: #AB7940;
	--offwhite: #F7F7F7;
	--taupe: #B7A390;
	--fio: #E4DFDA;
	--fundo: #F4F1EE;

	/* Tokens que a folha do plugin já consome. */
	--tutor-body-color: #282523;
	--tutor-border-color: #E4DFDA;
	--tutor-color-muted: #7A736D;
	--tutor-color-hints: #8A837D;
	--tutor-color-subdued: #4A443F;
	--tutor-color-secondary: #4A443F;
	--tutor-color-gray: #D6CCC3;
	--tutor-color-gray-10: #F4F1EE;

	background: var(--fundo);
	font-family: 'PT Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* ---------- topo e base ---------- */
/* O rodape da ERT entra logo depois deste bloco, pelo hook after/wrap do Tutor.
   Sem esta folga embaixo, a ultima linha do curriculo encostava no rodape. */
body.single-courses .tutor-course-top-info {
	padding-top: clamp(24px, 3.5vw, 40px);
	padding-bottom: clamp(48px, 6vw, 80px);
}

body.single-courses h1.tutor-course-details-title {
	font-family: 'Source Serif 4', Georgia, 'Times New Roman', serif;
	font-size: clamp(28px, 3.6vw, 42px);
	font-weight: 600;
	line-height: 1.14;
	color: var(--carvao);
	text-wrap: balance;
}

/* Nenhum curso tem avaliação; cinco estrelas vazias passam a impressão errada.
   Uma regra só — apagar traz de volta. */
body.single-courses .tutor-course-details-ratings {
	display: none;
}

body.single-courses .tutor-course-thumbnail img,
body.single-courses .tutor-course-thumbnail .tutor-ratio {
	border-radius: 4px;
	overflow: hidden;
}

/* ---------- abas (Informações do curso / Avaliações) ---------- */
body.single-courses .tutor-course-details-tab .tutor-nav-link {
	font-family: 'PT Sans', -apple-system, sans-serif;
	font-size: 15px;
	font-weight: 700;
	color: #7A736D;
	border-bottom: 2px solid transparent;
	padding-bottom: 12px;
}

body.single-courses .tutor-course-details-tab .tutor-nav-link.is-active,
body.single-courses .tutor-course-details-tab .tutor-nav-link:hover {
	color: var(--vinho);
	border-bottom-color: var(--vinho);
}

body.single-courses .tutor-nav {
	border-bottom: 1px solid var(--fio);
}

/* ---------- conteúdo escrito do curso ---------- */
body.single-courses .tutor-course-details-tab h2,
body.single-courses .tutor-course-details-tab h3,
body.single-courses .tutor-course-details-tab h4 {
	font-family: 'Source Serif 4', Georgia, serif;
	font-weight: 600;
	color: var(--carvao);
}

body.single-courses .tutor-course-details-tab p,
body.single-courses .tutor-course-details-tab li {
	font-size: 16px;
	line-height: 1.68;
	color: #3E3A36;
}

/* ---------- currículo (Conteúdo do curso) ---------- */
body.single-courses .tutor-accordion-item,
body.single-courses .tutor-course-topic {
	border: 1px solid var(--fio);
	border-radius: 4px;
	background: #FFFFFF;
	overflow: hidden;
}

body.single-courses .tutor-accordion-item-header {
	font-family: 'Source Serif 4', Georgia, serif;
	font-size: 17px;
	font-weight: 600;
	color: var(--carvao);
	background: #FBF9F7;
}

body.single-courses .tutor-accordion-item-header:hover {
	background: #F4EDE9;
	color: var(--vinho);
}

body.single-courses .tutor-course-content-list-item {
	border-top: 1px solid var(--fio);
}

body.single-courses .tutor-course-content-list-item-title {
	font-size: 15px;
	color: #3E3A36;
}

body.single-courses .tutor-course-content-list-item-duration,
body.single-courses .tutor-course-content-list-item .tutor-fs-7 {
	color: #8A837D;
	font-variant-numeric: tabular-nums;
}

body.single-courses .tutor-course-content-list-item i,
body.single-courses .tutor-course-content-list-item [class*='tutor-icon-'] {
	color: var(--taupe);
}

/* ---------- barra lateral: preço e compra ---------- */
body.single-courses .tutor-sidebar-card {
	background: #FFFFFF;
	border: 1px solid var(--fio);
	border-radius: 4px;
	box-shadow: 0 6px 20px rgba(40, 37, 35, .06);
}

/* O topo do cartao vem num cinza-azulado do Tutor; aqui vira o creme da casa. */
body.single-courses .tutor-sidebar-card .tutor-card-body {
	background: #FBF9F7;
	border-bottom: 1px solid var(--fio);
}

body.single-courses .tutor-course-sidebar-card-pricing span,
body.single-courses .tutor-course-sidebar-card-pricing .amount,
body.single-courses .tutor-course-sidebar-card-pricing bdi {
	font-family: 'Source Serif 4', Georgia, serif;
	font-size: clamp(26px, 3vw, 32px) !important;
	font-weight: 700;
	color: var(--carvao) !important;
	font-variant-numeric: tabular-nums;
}

body.single-courses .tutor-sidebar-card .tutor-btn-primary,
body.single-courses .tutor-sidebar-card .tutor-btn-outline-primary {
	width: 100%;
	border-radius: 3px;
	font-family: 'PT Sans', -apple-system, sans-serif;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .01em;
	padding: 14px 20px;
	color: var(--offwhite);
	background: linear-gradient(135deg, #874F32, var(--dourado-claro));
	border: 1.5px solid transparent;
	transition: filter .15s ease;
}

body.single-courses .tutor-sidebar-card .tutor-btn-primary:hover,
body.single-courses .tutor-sidebar-card .tutor-btn-outline-primary:hover {
	filter: brightness(1.07);
	color: var(--offwhite);
	background: linear-gradient(135deg, #874F32, var(--dourado-claro));
}

body.single-courses .tutor-card-footer ul li {
	align-items: flex-start;
	gap: 10px;
}

body.single-courses .tutor-card-footer [class*='tutor-icon-'] {
	color: var(--dourado);
}

body.single-courses .tutor-card-footer .tutor-fs-6 {
	font-size: 14px;
	color: #4A443F;
}

/* ---------- professores ---------- */
body.single-courses .tutor-single-course-sidebar-more .tutor-card,
body.single-courses .tutor-single-course-sidebar-more > div {
	background: #FFFFFF;
	border: 1px solid var(--fio);
	border-radius: 4px;
}

body.single-courses .tutor-single-course-sidebar-more h3,
body.single-courses .tutor-single-course-sidebar-more h4 {
	font-family: 'Source Serif 4', Georgia, serif;
	font-size: 16px;
	font-weight: 600;
	color: var(--carvao);
}

/* ---------- favoritos e compartilhar ---------- */
body.single-courses .tutor-course-details-top a,
body.single-courses .tutor-course-details-top button {
	color: var(--vinho);
	font-weight: 700;
	font-size: 14px;
}

body.single-courses .tutor-course-details-top [class*='tutor-icon-'] {
	color: var(--dourado);
}

body.single-courses a:focus-visible,
body.single-courses button:focus-visible {
	outline: 3px solid rgba(217, 178, 130, .8);
	outline-offset: 2px;
}

/* ---------- responsivo ---------- */
@media (max-width: 640px) {
	body.single-courses h1.tutor-course-details-title { font-size: 25px; }

	body.single-courses .tutor-course-details-tab p,
	body.single-courses .tutor-course-details-tab li { font-size: 15.5px; }
}

@media (prefers-reduced-motion: reduce) {
	body.single-courses .tutor-sidebar-card .tutor-btn-primary { transition: none; }
}