/**
 * La connexion par lien.
 *
 * Elle vient après le formulaire habituel, séparée par un « ou » : c'est une
 * autre porte, pas un remplacement. Même habit que le reste du site, pour
 * qu'on ne se demande pas d'où sort ce bloc.
 */

.lpwa-lien {
	max-width: 420px;
	margin: 26px auto 0;
}

.lpwa-lien__ou {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 20px;
}

.lpwa-lien__ou::before,
.lpwa-lien__ou::after {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #EFE7DA;
}

.lpwa-lien__ou span {
	font-size: 12px;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: #9B948B;
}

.lpwa-lien__carte {
	padding: 22px 20px;
	background: #FBF7F2;
	border: 1px solid #EFE7DA;
	border-radius: 18px;
}

.lpwa-lien__carte h3 {
	margin: 0 0 8px;
	font-size: 16.5px;
	font-weight: 500;
	color: #1A1714;
}

.lpwa-lien__carte > p {
	margin: 0 0 16px;
	font-size: 13.5px;
	line-height: 1.6;
	color: #6F675E;
}

.lpwa-lien__form label {
	display: block;
	margin-bottom: 6px;
	font-size: 12.5px;
	font-weight: 600;
	color: #1A1714;
}

.lpwa-lien__form input {
	display: block;
	width: 100%;
	padding: 12px 13px;
	font: inherit;
	/* Sous 16 px, Safari iOS zoome au focus et la mise en page saute. */
	font-size: 16px;
	color: #1A1714;
	background: #FFFFFF;
	border: 1px solid #EFE7DA;
	border-radius: 12px;
	-webkit-appearance: none;
	appearance: none;
}

.lpwa-lien__form input:focus {
	outline: none;
	border-color: #C9A227;
	box-shadow: 0 0 0 3px rgba(201, 162, 39, .15);
}

.lpwa-lien__form button {
	width: 100%;
	min-height: 48px;
	margin-top: 14px;
	padding: 13px 18px;
	font: inherit;
	font-size: 15px;
	font-weight: 600;
	color: #8A6D12;
	background: linear-gradient(170deg, #FFFDF7, #FDF4E2);
	border: 1px solid rgba(201, 162, 39, .55);
	border-radius: 999px;
	cursor: pointer;
}

.lpwa-lien__form button:hover { background: linear-gradient(170deg, #FFFDF7, #FBEDD0); border-color: #C9A227; }
.lpwa-lien__form button:disabled { opacity: .6; cursor: default; }

.lpwa-lien__message {
	margin: 0;
	padding: 13px 14px;
	border-radius: 12px;
	font-size: 13.5px;
	line-height: 1.6;
}

.lpwa-lien__message.is-bien { background: #FFFDF7; border: 1px solid rgba(201, 162, 39, .45); color: #6E5410; }
.lpwa-lien__message.is-souci { background: #FDF1F1; border: 1px solid #F3D6D6; color: #8A2B2B; }

/* --- Le mot d'accueil au retour du lien ------------------------------- */

.lpwa-lien__bandeau {
	max-width: 420px;
	margin: 0 auto 20px;
	padding: 15px 17px;
	border-radius: 14px;
	display: block;
}

.lpwa-lien__bandeau strong { display: block; font-size: 14.5px; margin-bottom: 3px; }
.lpwa-lien__bandeau span { display: block; font-size: 13px; line-height: 1.6; }

.lpwa-lien__bandeau.is-bien { background: #FFFDF7; border: 1px solid rgba(201, 162, 39, .45); color: #6E5410; }
.lpwa-lien__bandeau.is-souci { background: #FDF1F1; border: 1px solid #F3D6D6; color: #8A2B2B; }