/**
 * Exam Revision — phase 1 (no booking provider connected yet).
 * Self-contained. Reduced-motion is already handled globally in base.css
 * (it zeroes animation-duration for everyone who prefers less motion),
 * so no extra @media query is needed here.
 */

@keyframes tbp-exam-fade-up {
	from { opacity: 0; transform: translateY(10px); }
	to   { opacity: 1; transform: translateY(0); }
}

.tbp-exam-revision {
	background: var(--tbp-color-surface-soft);
	color: var(--tbp-color-text);
	min-height: 70vh;
	padding-block: clamp(2.5rem, 6vw, 5rem);
}

.tbp-exam-revision__content {
	display: grid;
	gap: 1.5rem;
}

.tbp-exam-revision__secondary {
	color: var(--tbp-color-text-muted);
	margin-top: -0.5rem;
}
.tbp-exam-revision__secondary a { color: var(--tbp-color-primary); font-weight: 700; text-decoration: none; }

.tbp-exam-empty {
	--tbp-exam-clock-bg: var(--tbp-color-surface);
	animation: tbp-exam-fade-up .5s ease both;
	background: var(--tbp-color-surface);
	border: 1px dashed var(--tbp-color-border-strong);
	border-radius: var(--tbp-radius-xl);
	box-shadow: var(--tbp-shadow-sm);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1rem;
	padding: clamp(2.5rem, 6vw, 4rem);
	text-align: center;
	transition: box-shadow var(--tbp-transition-fast, .18s ease);
}
.tbp-exam-empty:hover { box-shadow: var(--tbp-shadow-md, 0 12px 30px rgba(11,31,58,.12)); }

.tbp-exam-empty__icon { color: var(--tbp-color-primary); }
.tbp-exam-empty h1 { font-size: clamp(1.6rem, 4vw, 2.3rem); margin: 0; }
.tbp-exam-empty p { color: var(--tbp-color-text-muted); margin: 0; max-width: 640px; }

.tbp-exam-empty__features {
	display: grid;
	gap: .6rem;
	list-style: none;
	margin: .5rem 0 0;
	padding: 0;
	text-align: start;
}
.tbp-exam-empty__features li {
	color: var(--tbp-color-text);
	font-weight: 600;
	padding-inline-start: 1.6rem;
	position: relative;
}
.tbp-exam-empty__features li::before {
	content: "✓";
	color: var(--tbp-color-gold-500);
	font-weight: 800;
	position: absolute;
	inset-inline-start: 0;
}

.tbp-exam-protection {
	animation: tbp-exam-fade-up .6s ease .1s both;
	background: linear-gradient(145deg, var(--tbp-color-navy-900), var(--tbp-color-navy-800));
	border-radius: var(--tbp-radius-xl);
	color: #dce5ef;
	display: flex;
	align-items: center;
	gap: 1rem;
	padding: clamp(1.5rem, 4vw, 2.25rem);
}
.tbp-exam-protection > span { font-size: 2rem; }
.tbp-exam-protection p { color: #dce5ef; flex: 1; margin: 0; }
.tbp-exam-protection a { color: #ffd968; font-weight: 700; text-decoration: none; white-space: nowrap; }

html[data-theme="dark"] .tbp-exam-empty { --tbp-exam-clock-bg: var(--tbp-color-surface-soft); background: var(--tbp-color-surface-soft); }

@media (max-width: 760px) {
	
	.tbp-exam-empty__features { text-align: center; }
	.tbp-exam-empty__features li { padding-inline-start: 0; }
	.tbp-exam-empty__features li::before { position: static; margin-inline-end: .4rem; }
	.tbp-exam-protection { flex-direction: column; text-align: center; }
}