/*
Theme Name: Qualitycert LMS
Theme URI: https://rubensweb.pro
Author: Rubens de Jesus Cicon Junior
Author URI: https://rubensweb.pro
Description: Tema WordPress LMS desenvolvido por Rubens de Jesus Cicon Junior para o portal interno de treinamentos da Qualitycert. Permite cadastrar cursos e aulas, controlar acesso por grupos de colaboradores e acompanhar o progresso dos alunos em um ambiente privado e seguro.
Version: 0.1.0
Text Domain: qualitycert-lms
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

/* Ajustes globais complementares ao Tailwind */

/* Estilos da tela de login do WordPress */
body.login {
	font-family: 'Montserrat', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	background:
		radial-gradient(circle at top left, rgba(99, 47, 136, 0.5), transparent 55%),
		radial-gradient(circle at bottom right, rgba(15, 23, 42, 0.7), transparent 55%),
		#0f172a;
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 24px 12px;
}

body.login #login {
	padding: 40px 20px;
	width: 100%;
	max-width: 360px;
}

body.login #loginform {
	background: #ffffff;
	border-radius: 1rem;
	border: 1px solid rgba(148, 163, 184, 0.5);
	box-shadow: 0 18px 45px rgba(15, 23, 42, 0.18);
	padding: 26px 24px 32px;
}

/* Logo personalizada no login */
body.login #login h1 a {
	background-image: url('assets/logo_home_branco_baixo.png');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: 260px;
	height: 80px;
	margin: 0 auto 24px;
	text-indent: -9999px;
	overflow: hidden;
}

body.login .input,
body.login input[type="text"],
body.login input[type="password"],
body.login input[type="email"] {
	border-radius: 9999px;
	border-color: #cbd5e1;
	box-shadow: none;
	padding: 0.55rem 0.9rem;
	font-size: 14px;
}

body.login .input:focus {
	border-color: #632f88;
	box-shadow: 0 0 0 1px #632f88;
}

body.login .button-primary {
	background-color: #632f88;
	border-color: #632f88;
	border-radius: 9999px;
	box-shadow: none;
	text-shadow: none;
	padding: 0 1.5rem;
	height: 40px;
	font-weight: 600;
}

body.login .button-primary:hover,
body.login .button-primary:focus {
	background-color: #4b2267;
	border-color: #4b2267;
}

body.login #nav,
body.login #backtoblog {
	text-align: center;
}

body.login #nav a,
body.login #backtoblog a {
	color: #e5e7eb;
}

body.login #nav a:hover,
body.login #backtoblog a:hover {
	color: #ffffff;
}

body.login .language-switcher {
	width: 100%;
	max-width: 360px;
	margin-top: 20px;
	text-align: center;
	color: #e5e7eb;
	font-size: 12px;
}

body.login .language-switcher form {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 8px 12px;
	border-radius: 9999px;
	background: rgba(15, 23, 42, 0.7);
	border: 1px solid rgba(148, 163, 184, 0.45);
}

body.login .language-switcher label {
	margin: 0;
	font-weight: 500;
}

body.login .language-switcher select {
	border-radius: 9999px;
	border-color: #334155;
	background-color: #020617;
	color: #e5e7eb;
	padding: 4px 12px;
	font-size: 12px;
	min-width: 130px;
}

body.login .language-switcher select:focus {
	border-color: #632f88;
	box-shadow: 0 0 0 1px #632f88;
	outline: none;
}

body.login .language-switcher .button {
	border-radius: 9999px;
	height: 28px;
	padding: 0 14px;
	font-size: 11px;
	background-color: #1f2937;
	border-color: #1f2937;
	color: #e5e7eb;
}

body.login .language-switcher .button:hover,
body.login .language-switcher .button:focus {
	background-color: #4b2267;
	border-color: #4b2267;
	color: #ffffff;
}

@media (max-width: 480px) {
	body.login .language-switcher form {
		flex-direction: column;
		align-items: stretch;
		gap: 6px;
	}
}

/* Evita rolagem horizontal causada por embeds de vídeo e mantém proporção 16:9 */
.qc-aula-video {
	max-width: 100%;
}

.qc-aula-video iframe,
.qc-aula-video video {
	width: 100%;
	height: auto;
	max-width: 100%;
	aspect-ratio: 16 / 9;
	display: block;
}

.qc-aula-pdf-frame {
	width: 100%;
	max-width: 100%;
	border: 0;
	display: block;
	height: 600px;
}

@media (max-width: 768px) {
	.qc-aula-pdf-frame {
		height: 500px;
	}
}

body {
	overflow-x: hidden;
}

/* Tipografia para objetivos do curso: reativar bullets/numeração */
.qc-curso-objetivos ul {
	list-style-type: disc;
	margin-left: 1.25rem;
	padding-left: 0.25rem;
}

.qc-curso-objetivos ol {
	list-style-type: decimal;
	margin-left: 1.25rem;
	padding-left: 0.25rem;
}

.qc-curso-objetivos li {
	margin-bottom: 0.4rem;
	line-height: 1.5;
}

/* Espaçamento geral entre parágrafos e blocos dentro de objetivos do curso */
.qc-curso-objetivos .prose p,
.qc-curso-objetivos .prose ul,
.qc-curso-objetivos .prose ol {
	margin-bottom: 0.6rem;
	line-height: 1.6;
}

/* Tipografia para conteúdo em texto das aulas */
.qc-aula-texto ul {
	list-style-type: disc;
	margin-left: 1.25rem;
	padding-left: 0.25rem;
}

.qc-aula-texto ol {
	list-style-type: decimal;
	margin-left: 1.25rem;
	padding-left: 0.25rem;
}

.qc-aula-texto li {
	margin-bottom: 0.4rem;
	line-height: 1.5;
}

.qc-aula-texto .prose p,
.qc-aula-texto .prose ul,
.qc-aula-texto .prose ol {
	margin-bottom: 0.6rem;
	line-height: 1.6;
}