/**
 * Sollu Education - Estilos de Provas, Quizzes e Pesquisas (iOS Style UI)
 */

.sollu-quiz-container {
	max-width: 800px;
	margin: 0 auto;
}

/* Header do Quiz com Timer e Progresso */
.sollu-quiz-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 24px;
	padding-bottom: 16px;
	border-bottom: 1px solid var(--sollu-border-subtle);
	flex-wrap: wrap;
	gap: 12px;
}

.sollu-quiz-timer-badge {
	background: var(--sollu-warning-light);
	color: #B26500;
	padding: 8px 16px;
	border-radius: var(--sollu-radius-full);
	font-weight: 700;
	font-size: 15px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-variant-numeric: tabular-nums;
}

.sollu-quiz-timer-danger {
	background: var(--sollu-danger-light);
	color: #D70015;
	animation: sollu-pulse 1s infinite alternate;
}

@keyframes sollu-pulse {
	from { transform: scale(1); }
	to   { transform: scale(1.05); }
}

/* Card de Questão */
.sollu-question-card {
	background: var(--sollu-bg-card);
	border: 1px solid var(--sollu-border-subtle);
	border-radius: var(--sollu-radius-md);
	padding: 24px;
	margin-bottom: 20px;
	box-shadow: var(--sollu-shadow-sm);
}

.sollu-question-title {
	font-size: 17px;
	font-weight: 600;
	margin: 0 0 16px 0;
	color: var(--sollu-text-primary);
}

.sollu-question-points {
	float: right;
	font-size: 12px;
	font-weight: 600;
	color: var(--sollu-primary);
	background: var(--sollu-primary-light);
	padding: 3px 8px;
	border-radius: var(--sollu-radius-full);
}

/* Opções de Resposta (Radio / Checkbox) */
.sollu-quiz-option {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 18px;
	background: var(--sollu-bg-card-secondary);
	border: 1px solid var(--sollu-border-subtle);
	border-radius: var(--sollu-radius-sm);
	margin-bottom: 10px;
	cursor: pointer;
	transition: all var(--sollu-transition-fast);
}

.sollu-quiz-option:hover {
	background: #FFFFFF;
	border-color: var(--sollu-primary);
}

.sollu-quiz-option.sollu-option-selected {
	border-color: var(--sollu-primary);
	background: rgba(0, 122, 255, 0.08);
}

/* Card de Resultados */
.sollu-quiz-result-card {
	text-align: center;
	padding: 40px 24px;
	background: var(--sollu-bg-card);
	border-radius: var(--sollu-radius-lg);
	border: 1px solid var(--sollu-border-subtle);
	box-shadow: var(--sollu-shadow-lg);
}

.sollu-score-circle {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 32px;
	font-weight: 800;
	margin: 0 auto 20px auto;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.sollu-score-passed { background: var(--sollu-success-light); color: var(--sollu-success); }
.sollu-score-failed { background: var(--sollu-danger-light);  color: var(--sollu-danger); }
