/* Grille 2 colonnes */
.wpcf7 form .brian-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px 24px;
  align-items:end;
}

/* Colonnes */
.wpcf7 form .brian-col{display:flex; flex-direction:column; gap:10px;}
.wpcf7 form .brian-col-full{grid-column:1 / -1;}

/* Champs */
.wpcf7 form input[type="text"],
.wpcf7 form input[type="email"],
.wpcf7 form select{
  width:100%;
  height:48px;
  padding:10px 12px;
  border:1px solid #E2E8F0;
  border-radius:10px;
  background:#fff;
  font-size:16px;
}

/* Bouton plein largeur */
.wpcf7 form .brian-cta{
  width:100%;
  height:52px;
  background:#122428;     /* bleu nuit Brian */
  color:#fff;
  border:none;
  border-radius:12px;
  font-weight:700;
  cursor:pointer;
}
.wpcf7 form .brian-cta:hover{opacity:.92}

/* Mobile */
@media (max-width: 768px){
  .wpcf7 form .brian-grid{grid-template-columns:1fr;}
}
/* Couleur du texte dans les selects */
.wpcf7 form select { color:#122428; background:#fff; }

/* Placeholders (1ère option = valeur vide) en gris */
.wpcf7 form select option[value=""] { color:#9AA3AF; }

/* Quand la valeur vide est affichée, colore le select en gris aussi */
.wpcf7 form select:has(option[value=""]:checked) { color:#9AA3AF; }

/* Fallback si :has() n'est pas supporté */
@supports not (selector(:has(*))) {
  .wpcf7 form select.wpcf7-not-valid { color:#9AA3AF; }
}

/* Labels : taille réduite, alignés à gauche */
.wpcf7 form .brian-col label {
  font-size: 14px;
  font-weight: 600;
  color: #122428; /* bleu nuit Brian */
  text-align: left;
  display: block;
  margin-bottom: 4px;
}

/* Espacement plus fin entre label et champ */
.wpcf7 form .brian-col label br {
  display: none; /* on supprime le saut de ligne pour garder tout compact */
}

.action_button {
    background-color: #74A1B3!important;
	color: #ffffff !important;
	}

/* Uniformiser le champ Message avec les champs texte */
.wpcf7 form textarea {
  width: 100%;
  min-height: 140px;
  padding: 10px 12px;
  border: 1px solid #E2E8F0;
  border-radius: 10px;
  background: #fff;         /* même fond que les autres champs */
  font-size: 16px;
  color: #122428;           /* même couleur de texte */
  resize: vertical;
}
.button_theme, input[type="submit"] {
    background-color: #74A1B3 !important;
	}

/* Forcer la couleur des placeholders sur tous les champs */
.wpcf7 form input::placeholder,
.wpcf7 form textarea::placeholder {
    color: #9AA3AF !important;   /* gris lisible */
    opacity: 1 !important;
}

/* Forcer la couleur réelle du texte tapé */
.wpcf7 form input,
.wpcf7 form textarea {
    color: #122428 !important;   /* bleu nuit Brian */
}

/* Message de succès CF7 visible */
.wpcf7 form.sent .wpcf7-response-output {
    color: #fff !important;
    background: #122428 !important;  /* bleu nuit Brian */
    border: 2px solid #74A1B3 !important;
    padding: 12px 20px !important;
    display: block !important;
    margin-top: 16px !important;
}

/* Message d'erreur CF7 */
.wpcf7 form.invalid .wpcf7-response-output {
    color: #fff !important;
    background: #7a1f1f !important;
    border: 2px solid #cc4444 !important;
    padding: 12px 20px !important;
    margin-top: 16px !important;
}

/* Correction lisibilité select Brian */
.wpcf7 form select {
    color: #122428 !important;          /* Couleur lisible */
    background: #fff !important;        /* Fond blanc */
}

/* Option sélectionnée */
.wpcf7 form select option {
    color: #122428 !important;
    background: #fff !important;
}

/* Pour Safari et Chrome (forçage interne) */
.wpcf7 form select:focus {
    color: #122428 !important;
}

/* Harmoniser les SELECT au look des INPUT */
.wpcf7 form select {
    background: #E8F0FE !important;   /* même fond que les inputs */
    border: 1px solid #E2E8F0 !important;
    border-radius: 10px !important;
    color: #122428 !important;
    height: 48px !important;
    padding-left: 12px !important;
}