/* Newsletter — bloc réutilisable (Journal, articles, accueil) */
.mb-newsletter {
	text-align: center;
	width: min(700px, calc(100% - 32px));
	margin: 70px auto;
	padding: 44px 24px;
	border-top: 1px solid var(--mb-line, #ddd9d1);
	border-bottom: 1px solid var(--mb-line, #ddd9d1);
}

.mb-newsletter-copy h2 {
	margin: 0 0 12px;
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: 32px;
	font-weight: 500;
	line-height: 1.15;
	color: var(--mb-ink, #171717);
}

.mb-newsletter-copy p {
	margin: 0 auto 24px;
	max-width: 46ch;
	font-size: 15px;
	line-height: 1.6;
	color: var(--mb-muted, #67645f);
}

.mb-newsletter-form {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
	max-width: 480px;
	margin: 0 auto;
}

.mb-newsletter-form input[type="email"] {
	flex: 1 1 220px;
	padding: 14px 18px;
	border: 1px solid var(--mb-line, #ddd9d1);
	background: #fff;
	font-size: 14px;
	color: var(--mb-ink, #171717);
}

.mb-newsletter-form button {
	padding: 14px 24px;
	background: var(--mb-bordeaux, #9e321f);
	color: #fff;
	border: 0;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	cursor: pointer;
}

.mb-newsletter-form button:hover {
	background: var(--mb-ink, #171717);
}

.mb-newsletter-form button:disabled {
	opacity: 0.6;
	cursor: default;
}

.mb-newsletter-message {
	flex-basis: 100%;
	margin: 6px 0 0;
	font-size: 14px;
}

.mb-newsletter-message:empty {
	display: none;
}

.mb-newsletter-message.is-success {
	color: var(--mb-bordeaux, #9e321f);
}

.mb-newsletter-message.is-error {
	color: #b3261e;
}

.mb-newsletter-legal {
	margin: 18px auto 0;
	max-width: 52ch;
	font-size: 12px;
	line-height: 1.5;
	color: var(--mb-muted, #67645f);
}

.mb-newsletter-legal a {
	color: inherit;
	text-decoration: underline;
}

/* Lien d'ancre "S'abonner" dans l'en-tête du Journal */
.journal-home__subscribe {
	display: inline-block;
	margin-top: 26px;
	padding: 12px 26px;
	border: 1px solid var(--mb-bordeaux, #9e321f);
	color: var(--mb-bordeaux, #9e321f);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-decoration: none;
}

.journal-home__subscribe:hover {
	background: var(--mb-bordeaux, #9e321f);
	color: #fff;
}

@media (max-width: 620px) {
	.mb-newsletter {
		margin: 48px auto;
	}

	.mb-newsletter-form button {
		width: 100%;
	}

	/* home.css passe le formulaire en colonne sur mobile : le flex-basis
	   de 220px du champ devenait alors une HAUTEUR de 220px. */
	.mb-newsletter-form input[type="email"] {
		flex: 0 0 auto;
		width: 100%;
		box-sizing: border-box;
		font-size: 16px; /* évite le zoom automatique d'iOS au focus */
	}
}