/*
 * Page « Livre blanc Alizé » (/livre-blanc-alize).
 * Reprend la charte iDOM (assets/css/_custom.scss) :
 * orange #e94e1b, Poppins, gris #e0e0e0 / #484848, boutons arrondis.
 */

/* --- Bandeau d'en-tête ------------------------------------------------- */
.wp-alize-hero {
	padding: 3rem 0 6rem;
}

.wp-alize-hero__eyebrow {
	margin-bottom: .75rem;
	color: #e94e1b;
	font-size: .8125rem;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.wp-alize-hero__title {
	margin-bottom: 1rem;
	color: #272525;
	font-size: 2.5rem;
}

.wp-alize-hero__lead {
	max-width: 34rem;
	margin: 0 auto;
	color: #272525;
	font-size: 1.125rem;
	font-weight: 300;
}

/* --- Carte formulaire -------------------------------------------------- */
.wp-alize {
	padding-bottom: 4rem;
}

.wp-alize-card {
	margin-top: -4rem;
	border: 1px solid #eee;
	border-radius: 1rem;
	box-shadow: 0 8px 18px rgba(0, 0, 0, .08);
}

body .wp-alize-card .card-body {
	padding: 2.5rem 2.5rem 2rem;
	font-size: 1rem;
}

/* Hauteur identique pour tous les champs (le thème ne l'applique qu'aux type=text). */
.wp-alize-form .form-control,
.wp-alize-form .custom-select {
	height: calc(2em + .75rem + 2px);
}

.wp-alize-form .custom-select {
	border-radius: .75rem;
}

.wp-alize-form .form-control::placeholder {
	color: #bbb;
}

.wp-alize-form .form-group {
	margin-bottom: 1.25rem;
}

.wp-alize-form .invalid-feedback {
	font-size: .8125rem;
}

/* Indicatif + numéro sur une seule ligne */
.wp-alize-phone > .wp-alize-phone__code {
	flex: 0 0 6.5rem;
	width: 6.5rem;
	background-color: #f7f7f7;
}

/* --- Mentions et bouton ------------------------------------------------ */
.wp-alize-legal {
	margin: .5rem 0 1.5rem;
	color: #999;
	font-size: .75rem;
	line-height: 1.5;
}

.wp-alize-btn {
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: .02em;
}

.wp-alize-btn:hover,
.wp-alize-btn:focus {
	color: #fff;
}

.wp-alize-required-note {
	margin: .75rem 0 0;
	color: #999;
	font-size: .75rem;
	text-align: center;
}

/* --- Confirmation ------------------------------------------------------ */
.wp-alize-success {
	padding: 1.5rem 0 .5rem;
}

.wp-alize-success__icon {
	width: 4rem;
	height: 4rem;
	margin-bottom: 1.25rem;
	color: #e94e1b;
}

.wp-alize-success__title {
	margin-bottom: .75rem;
	color: #272525;
	font-size: 1.5rem;
	font-weight: 700;
}

.wp-alize-success__text {
	margin-bottom: 1.75rem;
	color: #484848;
	font-weight: 300;
}

.wp-alize-link {
	color: #484848;
	font-size: .875rem;
	text-decoration: underline;
}

.wp-alize-link:hover {
	color: #e94e1b;
}

/* --- Mobile ------------------------------------------------------------ */
@media (max-width: 767.98px) {
	.wp-alize-hero {
		padding: 2rem 0 5rem;
	}

	.wp-alize-hero__title {
		font-size: 1.6rem;
	}

	.wp-alize-hero__lead {
		font-size: 1rem;
	}

	body .wp-alize-card .card-body {
		padding: 1.5rem 1.25rem;
	}

	.wp-alize-success .wp-alize-btn {
		display: block;
		width: 100%;
	}
}