/* Centre le contenu de la page contact */
.contact-page{
  display: flex;
  justify-content: center;   /* centre horizontalement */
  align-items: center;       /* centre verticalement */
  min-height: calc(100vh - 120px); /* garde de la place pour le header/footer */
  padding: 24px 16px;        /* respiration sur petits écrans */
}

/* Option : si tu veux seulement un centrage horizontal et un léger décalage vertical
.contact-form-container{ margin: 32px auto; }
*/

@media (max-width: 480px){
  .contact-page{ padding: 12px; }
}
/* Page succès */
.contact-form-container.success { text-align: center; }

.contact-form-container.success svg {
  display: block;
  margin: 0 auto 8px;
}

.success-actions {
  margin-top: 16px;
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
}

/* Petits liens-boutons */
.btn-link {
  display: inline-block;
  padding: 10px 14px;
  border-radius: 12px;
  border: 1px solid #cbd5e1;
  background: #fff;
  color: #0f172a;
  text-decoration: none;
  font-weight: 600;
}
.btn-link:hover { background: #f8fafc; }
.btn-link.primary {
  background: #16a34a;
  color: #fff;
  border-color: transparent;
}
.btn-link.primary:hover { filter: brightness(0.95); }

/* Cache totalement le honeypot aux humains, pas aux bots */
.hp-field{
  position: absolute !important;
  left: -10000px !important;
  top: -10000px !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}