/* ===== Page Contact ===== */
.contact-page {
  padding: 2.5rem 2rem;
  max-width: 500px;
}

.contact-page h1 {
  color: #12233f;
  font-size: 1.4rem;
  margin-bottom: 0.5rem;
}

.contact-page > p {
  color: #333;
  font-size: 0.95rem;
  margin-bottom: 2rem;
}

/* Le formulaire : les champs les uns sous les autres */
.contact-form {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.contact-form label {
  color: #2a5fa8;
  font-size: 0.95rem;
  margin-bottom: 0.4rem;
  display: block;
}

.contact-form input,
.contact-form textarea {
  width: 100%;
  padding: 0.6rem;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-family: inherit;
  font-size: 0.95rem;
}

.contact-form textarea {
  resize: vertical; /* autorise à agrandir seulement en hauteur, pas en largeur */
}

.rgpd-note {
  font-size: 0.8rem;
  color: #777;
}

.contact-form button {
  align-self: flex-start; /* le bouton ne prend pas toute la largeur, juste sa taille naturelle */
  border: none;
  cursor: pointer;
  font-family: inherit;
}