/**
 * What only the registration form has: the role radios, the teacher's
 * confirmation line, and the school chain's own notes. Everything structural --
 * the popup box, the fields, the captions, the errors -- is in base.css and is
 * shared with the other popups of this plugin.
 */

/* --- role radios -------------------------------------------------------
   A control row like any other: same height and the same caption above it. */
.etest-registration__roles {
	margin-top: var(--etest-caption-gap);
	padding: 0;
	border: 0;
}

/* No offset here: the row below is 46px tall with its options centred, so it
   already carries that space inside itself -- unlike an input, whose text
   starts right at the top of the box. */
.etest-registration__roles legend {
	margin-bottom: 0;
}

/* the row itself, not the fieldset: a fieldset's box is laid out specially and
   `display` on it is not honoured everywhere, which left the options pinned to
   the top of the row instead of centred */
.etest-registration__role-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 20px;
	min-height: 46px;
	font-size: 16px;
	line-height: 1.25;
}

/* a label as well, so the theme's !important applies here too */
.etest-registration__role {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 0;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.25 !important;
}

.etest-registration__role input {
	margin: 0;
}

/* --- the teacher's line and the school chain's notes ------------------- */

.etest-registration__teacher-notice {
	margin: 0;
	padding: 0;
	font-size: var(--etest-label-size);
	line-height: 1.4;
	opacity: 0.8;
}

/* back on the left, one step further on the right, whichever of the two the
   step has */
.etest-registration__switch {
	display: flex;
	gap: 16px;
}

.etest-registration__switch-forward {
	margin-left: auto;
}

/* Every one of these is a <p>, and the theme pads paragraphs at the bottom
   (`p { padding-bottom: var(--nectar-paragraph-bottom-spacing, 28px) }`) --
   which shows up as ~20px of stray space under each note. */
.etest-registration__switch,
.etest-registration__coordinator,
.etest-registration__address {
	margin: 6px 0 0;
	padding: 0;
	font-size: 13px;
	line-height: 1.4;
}

/* the two step links read as captions, not as body text */
.etest-registration__switch {
	font-size: var(--etest-label-size);
}