/* ============================================================================
   PI-2 (PO-12) — zone de reponse du formulaire « Demande de devis ».

   Feuille mise en file sur la seule page de chemin demande-de-devis, et ses
   selecteurs sont en outre limites a la colonne .smg-devis-formulaire de
   cette page : aucun autre formulaire n est touche, Contact compris.

   Pourquoi elle existe. Mesure faite (PI-2), la section 6 de formulaires.css
   ne s applique pas a la zone de reponse : « .wpcf7-form .wpcf7-response-output »
   (0,2,0) perd face a « .wpcf7 form .wpcf7-response-output » (0,2,1) de
   contact-form-7/includes/css/styles.css, et chaque regle d etat (0,3,0) face
   a son equivalent CF7 (0,3,1). La marge, l encadre et les bordures affiches
   etaient ceux de CF7. Les selecteurs ci-dessous, (0,3,1) et (0,4,1), passent
   devant CF7 sans !important. formulaires.css n est pas modifiee ici.

   Trois etats, distingues par la couleur ET par une pastille textuelle :
     succes (sent)                               « ✓ » vert ;
     erreur de validation (invalid, unaccepted)  « ! » ambre ;
     echec d envoi (failed, aborted, spam)       « × » rouge.
   La zone porte aria-hidden="true" (CF7) : la pastille n est pas lue. L annonce
   aux technologies d assistance passe par .screen-reader-response, intacte.

   Saut de ligne du message de succes (PO-12, deux phrases). CF7 ecrit le
   message par innerText, qui convertit le saut de ligne en <br> ; or le
   theme parent masque « .wpcf7-form br » (template.css, display: none). Le
   <br> est donc retabli dans cette seule zone, et white-space: pre-line rend
   le saut de ligne s il arrive en texte brut.
   ========================================================================= */

.smg-devis-formulaire .wpcf7 form .wpcf7-response-output {
	position: relative;
	margin: 24px 0 0;
	padding: 12px 16px 12px 46px;
	border: 1px solid #c9c9c9;
	border-left-width: 4px;
	border-radius: 4px;
	background: #ffffff;
	font-size: 14px;
	line-height: 1.5;
	color: #333333;
	white-space: pre-line;
}

.smg-devis-formulaire .wpcf7 form .wpcf7-response-output br {
	display: inline;
}

.smg-devis-formulaire .wpcf7 form .wpcf7-response-output::before {
	position: absolute;
	top: 12px;
	left: 14px;
	width: 21px;
	height: 21px;
	border-radius: 50%;
	font-size: 13px;
	font-weight: 700;
	line-height: 21px;
	text-align: center;
	color: #ffffff;
	white-space: normal;
}

/* ------------------------------------------------------------- Succes */

.smg-devis-formulaire .wpcf7 form.sent .wpcf7-response-output {
	border-color: #218663;
	background: #eef7f3;
	color: #1a6b4f;
}

.smg-devis-formulaire .wpcf7 form.sent .wpcf7-response-output::before {
	content: "✓";
	background: #218663;
}

/* ----------------------------------------------- Erreur de validation */

.smg-devis-formulaire .wpcf7 form.invalid .wpcf7-response-output,
.smg-devis-formulaire .wpcf7 form.unaccepted .wpcf7-response-output {
	border-color: #a86200;
	background: #fff6e5;
	color: #6e4100;
}

.smg-devis-formulaire .wpcf7 form.invalid .wpcf7-response-output::before,
.smg-devis-formulaire .wpcf7 form.unaccepted .wpcf7-response-output::before {
	content: "!";
	background: #a86200;
}

/* ------------------------------------------------------ Echec d envoi */

.smg-devis-formulaire .wpcf7 form.failed .wpcf7-response-output,
.smg-devis-formulaire .wpcf7 form.aborted .wpcf7-response-output,
.smg-devis-formulaire .wpcf7 form.spam .wpcf7-response-output {
	border-color: #c0392b;
	background: #fdefed;
	color: #a52a1f;
}

.smg-devis-formulaire .wpcf7 form.failed .wpcf7-response-output::before,
.smg-devis-formulaire .wpcf7 form.aborted .wpcf7-response-output::before,
.smg-devis-formulaire .wpcf7 form.spam .wpcf7-response-output::before {
	content: "×";
	background: #c0392b;
	font-size: 17px; /* le × de Poppins est nettement plus petit que ✓ et ! */
}