/*
 Theme Name:   Course Premium
 Theme URI:    https://example.com/course-premium/
 Description:  Tema filho premium do tema Course (Sensei LMS) com foco em visual moderno, minimalismo, glassmorphism e sombras elegantes.
 Author:       Antigravity
 Author URI:   https://example.com
 Template:     course
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         elearning, sensei, premium, child-theme
 Text Domain:  course-premium
*/

/* 
 * 1. VARIÁVEIS GLOBAIS DE ESTILIZAÇÃO PREMIUM (CSS)
 * Estas variáveis podem ser usadas em cima das que o theme.json já define.
 */
:root {
	--cp-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
	--cp-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
	--cp-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
	--cp-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, 0.15), 0 10px 10px -5px rgba(0, 0, 0, 0.1);
	--cp-radius-md: 12px;
	--cp-radius-lg: 16px;
	--cp-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 
 * 2. MODIFICAÇÕES GLOBAIS
 * Melhorias na tipografia e no corpo do site.
 */
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* 
 * 3. MELHORIAS NO LOOP DE CURSOS DO SENSEI (CARDS)
 * Transformando listas em grids luxuosos.
 */
.sensei-course-list,
.sensei-course-loop {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
	gap: 2rem;
	padding: 0;
	margin: 2rem 0;
	list-style: none;
}

.sensei-course-list .course,
.sensei-course-loop .course {
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--contrast-3);
	border-radius: var(--cp-radius-lg);
	overflow: hidden;
	box-shadow: var(--cp-shadow-md);
	transition: var(--cp-transition);
	display: flex;
	flex-direction: column;
	padding: 0;
	margin: 0;
}

.sensei-course-list .course:hover,
.sensei-course-loop .course:hover {
	transform: translateY(-5px);
	box-shadow: var(--cp-shadow-hover);
	border-color: var(--wp--preset--color--primary);
}

.sensei-course-list .course .course-image,
.sensei-course-loop .course .course-image {
	width: 100%;
	height: 220px;
	margin: 0;
	border-bottom: 1px solid var(--wp--preset--color--contrast-3);
}

.sensei-course-list .course .course-image img,
.sensei-course-loop .course .course-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sensei-course-list .course section.entry,
.sensei-course-loop .course section.entry {
	padding: 1.5rem;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.sensei-course-list .course .course-title,
.sensei-course-loop .course .course-title {
	font-size: 1.25rem;
	font-weight: 700;
	margin: 0 0 0.5rem 0;
	line-height: 1.4;
}

.sensei-course-list .course .course-excerpt,
.sensei-course-loop .course .course-excerpt {
	color: var(--wp--preset--color--contrast-2);
	font-size: 0.95rem;
	margin-bottom: 1.5rem;
	line-height: 1.6;
	flex-grow: 1;
}

/* 
 * 4. PÁGINA ÚNICA DO CURSO
 * Header do curso mais imponente.
 */
.single-course .sensei-single-course-header {
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
	padding: 4rem 2rem;
	border-radius: var(--cp-radius-lg);
	text-align: center;
	margin-bottom: 3rem;
	box-shadow: var(--cp-shadow-lg);
}

.single-course .sensei-single-course-header h1 {
	color: var(--wp--preset--color--base);
	font-size: 3rem;
	font-weight: 800;
	margin-bottom: 1rem;
}

/* Botoes Premium */
.button, 
button, 
input[type="submit"], 
.sensei-button {
	border-radius: var(--cp-radius-md) !important;
	font-weight: 600 !important;
	transition: var(--cp-transition) !important;
	padding: 0.75rem 1.5rem !important;
	box-shadow: var(--cp-shadow-sm);
}

.button:hover, 
button:hover, 
input[type="submit"]:hover, 
.sensei-button:hover {
	transform: translateY(-2px);
	box-shadow: var(--cp-shadow-md);
}

/* Módulos e Lições com Visual Moderno */
.sensei-course-modules .course-module {
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--contrast-3);
	border-radius: var(--cp-radius-lg);
	margin-bottom: 1.5rem;
	overflow: hidden;
	box-shadow: var(--cp-shadow-sm);
}

.sensei-course-modules .course-module > header {
	background: var(--wp--preset--color--contrast-4);
	padding: 1.25rem 1.5rem;
	border-bottom: 1px solid var(--wp--preset--color--contrast-3);
}

.sensei-course-modules .course-module h3 {
	margin: 0;
	font-size: 1.2rem;
	font-weight: 700;
}

.sensei-course-modules .module-lessons {
	padding: 1rem;
}

.sensei-course-modules .module-lessons .lesson {
	padding: 1rem;
	border-radius: var(--cp-radius-md);
	transition: var(--cp-transition);
}

.sensei-course-modules .module-lessons .lesson:hover {
	background: var(--wp--preset--color--contrast-4);
}