/* =========================================================
   AF Mobilier — contact.css
   Propre à la section contact (index.php).
   Les styles de champs/bouton génériques vivent dans components.css.
   ========================================================= */

.contact{max-width:760px;margin:0 auto;padding:100px 32px 90px;scroll-margin-top:20px;}
.contact .tag{color:var(--accent);font-size:12px;margin-bottom:22px;display:block;text-align:center;}
.contact h2{font-size:clamp(30px,5vw,50px);text-align:center;margin:0 auto 16px;line-height:1.15;}
.contact > p{color:var(--ink-soft);font-size:15.5px;max-width:480px;margin:0 auto 44px;font-weight:300;line-height:1.7;text-align:center;}

form{display:flex;flex-direction:column;gap:18px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;}

.confirm-msg{background:var(--sage);color:#F3F1E8;padding:14px 18px;border-radius:2px;font-size:13.5px;margin-bottom:24px;}
.error-msg{background:var(--danger);color:#F7EDEA;padding:14px 18px;border-radius:2px;font-size:13.5px;margin-bottom:24px;}

.ref-tag{
  background:var(--paper);border:1px solid var(--line);border-radius:2px;
  padding:14px 18px;margin-bottom:24px;font-size:13.5px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
}

/* Piège à robots : caché visuellement, mais toujours présent pour un lecteur d'écran */
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}

@media (max-width:900px){
  .form-row{grid-template-columns:1fr;}
}
@media (max-width:560px){
  .contact{padding:70px 20px 60px;}
}