/* =====================================================
   SÈVE FÉMININE — CONTACT (contact.html)
   Formulaire + honeypot caché
   ===================================================== */

.contact-intro{ margin:1rem 0; font-size:1.1rem; }

.contact-form{
  width:100%;
  margin-top:1.5rem;
  display:flex;
  flex-direction:column;
  gap:1.3rem;
}

.two-cols{ display:flex; gap:1rem; }

.field{ display:flex; flex-direction:column; gap:0.3rem; }
.field label{ font-size:0.9rem; color:var(--muted); }

.field input,
.field textarea{
  padding:0.6rem 0.9rem;
  border-radius:var(--radius-md);
  border:1px solid var(--line);
  background:#fff;
  font-size:1rem;
  font-family:inherit;
  color:var(--text);
}
.field textarea{ resize:vertical; }

/* Desktop : formulaire en "carte" + largeur raisonnable */
@media (min-width: 901px){
  .contact-form{
    max-width: 820px;
    margin-left:auto;
    margin-right:auto;

    background: rgba(255,253,249,0.75);
    border: 1px solid var(--line);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow);
    padding: 1.6rem 1.8rem;
  }
}

/* Mobile : Nom/Prénom en colonne */
@media (max-width: 640px){
  .two-cols{ flex-direction: column; gap: 1rem; }
}

/* Honeypot Netlify : caché proprement */
.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}