/*
 * Formulaire public d'inscription à un événement (bloc « Inscription à un
 * événement », public/class-registration-form.php).
 *
 * Mêmes choix que le formulaire des réservations (assets/form.css) : une
 * largeur fixée en rem, des champs pleine largeur jusqu'à une limite, un
 * bouton haut assez pour un doigt. Copié plutôt que partagé : form.css
 * n'est chargée que par le calendrier des réservations, et les deux
 * outils doivent pouvoir changer d'apparence l'un sans l'autre.
 */
.aspacam-registration {
	max-width: 32rem;
	margin: 1.5em 0;
}

.aspacam-registration p {
	margin: 0.75em 0;
}

.aspacam-registration label {
	font-weight: bold;
}

.aspacam-registration input[type='text'],
.aspacam-registration input[type='number'],
.aspacam-registration input[type='password'],
.aspacam-registration textarea {
	width: 100%;
	max-width: 24em;
	box-sizing: border-box;
	padding: 0.4em 0.6em;
	font-size: 1em;
	border: 1px solid #888;
}

/* La largeur de quelques chiffres, sur ordinateur comme sur téléphone : ces
   champs vont de 0 à 50, et la flèche du navigateur y prend sa place. */
.aspacam-registration input[type='number'] {
	width: 4.5em;
	max-width: 4.5em;
}

/* La case « Afficher le mot de passe » : présente mais masquée sans
   JavaScript. La règle rappelle ce que fait déjà l'attribut hidden, pour le
   cas où le thème donnerait un affichage à tous les paragraphes. */
.aspacam-registration [hidden] {
	display: none;
}

.aspacam-registration label.aspacam-registration__show-password-label {
	font-weight: normal;
}

.aspacam-registration__submit {
	min-height: 2.75em;
	padding: 0.5em 1.2em;
	font-size: 1em;
	border: 1px solid #2c7a2c;
	background: #eaffea;
	cursor: pointer;
}

.aspacam-registration__error {
	padding: 0.6em 0.8em;
	border: 1px solid #a51d2d;
	background: #fdecee;
	color: #a51d2d;
}

.aspacam-registration__recap {
	margin: 1em 0;
	padding: 0.75em 1em;
	list-style: none;
	border: 1px solid #999;
	background: #f5f5f5;
}

.aspacam-registration__recap li {
	margin: 0.3em 0;
}

.aspacam-registration__confirmation {
	padding: 0.75em 1em;
	border: 1px solid #2c7a2c;
	background: #f3fbf3;
}