/* Ajustements Contact Form 7 pour le design GMB.
   CF7 enveloppe chaque champ dans <span class="wpcf7-form-control-wrap"> et le
   contenu du formulaire dans un <p> (auto-formatage). */

/* --- Formulaire de contact : les champs remplissent leur .field --- */
.form .wpcf7-form-control-wrap { display: block; margin: 0; }

/* --- Newsletter : rangee "pilule" (input flex:1 + bouton rond) ---
   Le <p> ajoute par CF7 devient la rangee flex ; le wrapper de l'input prend
   toute la largeur restante. */
.newsletter-field > p {
	margin: 0;
	flex: 1 1 100%;
	display: flex;
	align-items: center;
	gap: .5rem;
}
.newsletter-field .wpcf7-form-control-wrap {
	flex: 1;
	display: block;
	min-width: 0;
}
.newsletter-field .wpcf7-form-control-wrap input { width: 100%; }

/* --- Validation inline --- */
.wpcf7-not-valid-tip { color: #c0392b; font-size: .85rem; margin-top: .35rem; display: block; }
.wpcf7-form-control.wpcf7-not-valid { border-color: #c0392b !important; }

/* --- Message de reponse : masque au repos, visible seulement avec un message --- */
.wpcf7 form .wpcf7-response-output { display: none; }
.wpcf7 form.sent .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output {
	display: block;
	flex-basis: 100%;
	margin: 1rem 0 0;
	padding: .85rem 1.1rem;
	border: 1px solid transparent;
	border-radius: 10px;
	font-size: .95rem;
}
.wpcf7 form.sent .wpcf7-response-output { border-color: #1a7f44; background: #e9f7ef; color: #14663a; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output { border-color: #c0392b; background: #fdecea; color: #a5281b; }

.wpcf7-spinner { margin: 0 0 0 .6rem; }