/* CBT IELTS — the only stylesheet a test page carries before Start is clicked.
 * It styles the Start button and nothing else; the core's theme variables
 * (--cbt-primary …) are printed inline right after this file, so the button
 * wears the site's colours without loading the shared stylesheet. No colour
 * is typed here. No !important. */

.cbt-ielts-mount {
	margin: 1.5em 0;
	text-align: center;
	min-width: 0;
	max-width: 100%;
}
.cbt-ielts-mount .cbt-ielts-start {
	appearance: none;
	-webkit-appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	background-color: var(--cbt-primary);
	color: white; /* = the core's --cbt-white; cbt-shared.css (where that variable lives) is not loaded yet */
	border: 1px solid var(--cbt-primary);
	padding: 14px 40px;
	border-radius: 999px;
	cursor: pointer;
	font-weight: 700;
	font-size: var(--cbt-font-size);
	font-family: inherit;
	line-height: 1.3;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 0;
	box-shadow: 0 4px 10px color-mix(in srgb, var(--cbt-primary) 30%, transparent);
	transition: filter 0.2s ease;
	margin: 0;
}
.cbt-ielts-mount .cbt-ielts-start:hover,
.cbt-ielts-mount .cbt-ielts-start:focus-visible {
	filter: brightness(0.9);
	color: white;
	outline: none;
}
.cbt-ielts-mount .cbt-ielts-start:disabled {
	opacity: 0.55;
	cursor: wait;
}
.cbt-ielts-mount .cbt-ielts-status {
	margin: 0.75em 0 0;
	font-size: 0.9em;
}
.cbt-ielts-mount .cbt-ielts-status[hidden] {
	display: none;
}

/* 0.6.5 — the empty place of the result box (top of the content, or [cbt_result_slot]): no height until a result. */
.cbt-ielts-result-slot {
	margin: 0;
	padding: 0;
}
.cbt-ielts-result-slot[hidden] {
	display: none;
}

/* 0.8.0 — the mount of a test picker (random test, one-part practice): no button of its own (the picker has them),
 * so it takes no room at all — only its status line shows, when there is something to say (e.g. "your random test
 * has ended"), right above the picker. */
.cbt-ielts-mount.cbt-ielts-draw-mount {
	margin: 0;
	text-align: start;
}
.cbt-ielts-mount.cbt-ielts-draw-mount .cbt-ielts-status {
	margin: 0 0 1em;
	padding: 10px 14px;
	border: 1px solid var(--cbt-border-soft, currentColor);
	border-radius: var(--cbt-radius, 8px);
	font-size: 0.95em;
	text-indent: 0; /* a theme's `p { text-indent }` must not push the first line in */
}