.signup-location-map-wrap {
	margin-top: 18px;
}

.signup-location-map-help {
	margin: 0 0 12px;
	color: #fff;
	font-size: 14px;
	line-height: 1.45;
}

#signupLocationMap {
	width: 100%;
	height: 360px;
	border: 1px solid #ded9df;
	border-radius: 10px;
	overflow: hidden;
	background: #eee;
}

#signupLocationMap .leaflet-tile {
	filter: grayscale(0.7) brightness(1.0);
}

@media (min-width: 701px) {
	.signup-modern .signup-top {
		align-items: stretch;
	}

	.signup-modern .signup-top > .form-section {
		display: flex;
	}

	.signup-modern .signup-top > .form-section > fieldset {
		width: 100%;
	}
}

@media (max-width: 700px) {
	#signupLocationMap {
		height: 300px;
	}
}

/* Choix des profils recherchés : boutons colorés propres à l'inscription. */
.signup-modern .signup-choice {
	position: relative;
	display: block;
	min-height: 0;
	margin-bottom: 10px;
	gap: 0;
}

.signup-modern .signup-choice input[type="checkbox"] {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: 0;
	opacity: 0;
	pointer-events: none;
}

.signup-modern .signup-choice label::before {
	display: none !important;
	width: 0 !important;
	height: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	content: none !important;
}

.signup-modern .signup-choice label {
	--signup-choice-color: 153, 77, 158;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
	min-height: 54px;
	padding: 9px 12px;
	border: 2px solid rgba(var(--signup-choice-color), .78);
	border-radius: 6px;
	background: #fff;
	color: rgb(var(--signup-choice-color));
	font-weight: 500;
	line-height: 1.25;
	text-align: center;
	cursor: pointer;
	transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

.signup-modern .signup-choice-woman label {
	--signup-choice-color: 237, 104, 136;
}

.signup-modern .signup-choice-man label {
	--signup-choice-color: 41, 137, 204;
}

.signup-modern .signup-choice-trans label {
	--signup-choice-color: 230, 62, 33;
}

.signup-modern .signup-choice input[type="checkbox"]:checked + label {
	border-color: rgb(var(--signup-choice-color));
	background: rgba(var(--signup-choice-color), .88);
	color: #fff;
}

.signup-modern .signup-choice input[type="checkbox"]:focus-visible + label {
	outline: 3px solid rgba(var(--signup-choice-color), .35);
	outline-offset: 2px;
}

.signup-modern .signup-choice input[type="checkbox"].erreurchamp + label {
	box-shadow: 0 0 0 2px rgba(255, 70, 70, .75);
}

@media (hover: hover) {
	.signup-modern .signup-choice label:hover {
		border-color: rgb(var(--signup-choice-color));
		background:
			linear-gradient(rgba(var(--signup-choice-color), .16), rgba(var(--signup-choice-color), .16)),
			#fff;
		color: rgb(var(--signup-choice-color));
		transform: translateY(-1px);
	}

	.signup-modern .signup-choice input[type="checkbox"]:checked + label:hover {
		background: rgb(var(--signup-choice-color));
	}
}