/*
 * Mise en forme du plugin MailPoet (formulaire d'infolettre du pied de page).
 *
 * Le CSS du plugin reste chargé normalement : on le surcharge ici pour
 * l'aligner sur le design du thème, sur le modèle de tribe-events.css.
 * MailPoet écrit la plupart de ses styles par défaut directement en
 * attribut `style` sur chaque élément (couleur, police, fond, bordure) ;
 * seul !important permet de les surclasser depuis une feuille externe.
 */

.cj-pied__bloc--infolettre {
	max-width: 24rem;
}

.cj-pied__bloc--infolettre .mailpoet_form_shortcode,
.cj-pied__bloc--infolettre form.mailpoet_form {
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
}

.cj-pied__bloc--infolettre .mailpoet_paragraph {
	margin-bottom: 0.85rem !important;
}

.cj-pied__bloc--infolettre .mailpoet-heading {
	font-family: var(--cj-police) !important;
	color: var(--cj-foreground) !important;
	font-size: 1.0625rem !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
	text-align: left !important;
	margin: 0 0 0.5rem !important;
}

.cj-pied__bloc--infolettre .mailpoet_form_paragraph {
	font-family: var(--cj-police) !important;
	color: var(--cj-muted-foreground) !important;
	font-size: 0.875rem !important;
	line-height: 1.6 !important;
	text-align: left !important;
}

.cj-pied__bloc--infolettre .mailpoet_form_paragraph.last {
	font-size: 0.75rem !important;
	margin-top: 0.75rem !important;
	margin-bottom: 0 !important;
}

.cj-pied__bloc--infolettre .mailpoet_text {
	font-family: var(--cj-police) !important;
	background: var(--cj-background) !important;
	border: 1px solid var(--cj-border) !important;
	color: var(--cj-foreground) !important;
	padding: 0.65rem 0.875rem !important;
	font-size: 0.9375rem !important;
	font-weight: 400 !important;
	box-shadow: none !important;
}

.cj-pied__bloc--infolettre .mailpoet_text::placeholder {
	color: var(--cj-muted-foreground);
}

.cj-pied__bloc--infolettre .mailpoet_text:focus {
	outline: 2px solid var(--cj-royal) !important;
	outline-offset: 1px;
}

.cj-pied__bloc--infolettre .mailpoet_submit {
	background: var(--cj-royal) !important;
	border: 1px solid var(--cj-royal) !important;
	color: var(--cj-royal-foreground) !important;
	font-family: var(--cj-police) !important;
	font-size: 0.9375rem !important;
	font-weight: 500 !important;
	padding: 0.625rem 1.25rem !important;
	cursor: pointer;
	transition: filter 0.15s ease;
}

.cj-pied__bloc--infolettre .mailpoet_submit:hover,
.cj-pied__bloc--infolettre .mailpoet_submit:focus-visible {
	filter: brightness(1.1);
}

.cj-pied__bloc--infolettre .mailpoet_message {
	margin: 0.75rem 0 0 !important;
	padding: 0 !important;
}

.cj-pied__bloc--infolettre .mailpoet_validate_success,
.cj-pied__bloc--infolettre .mailpoet_validate_error {
	display: block;
	padding: 0.75rem 1rem !important;
	border-radius: var(--cj-rayon-md);
	font-size: 0.875rem !important;
	font-family: var(--cj-police);
}

.cj-pied__bloc--infolettre .mailpoet_validate_success {
	background: #E6F6E9;
	color: var(--cj-accent-green-texte) !important;
	border: 1px solid #B9E5C2;
}

.cj-pied__bloc--infolettre .mailpoet_validate_error {
	background: #FCE8E8;
	color: #A3140E !important;
	border: 1px solid #F3BDBD;
}