/* ===========================================================
   H Tools Wood — Styles spécifiques à la page Contact
   =========================================================== */

.contact-layout{
  display:grid;grid-template-columns:1fr 1.2fr;gap:28px;align-items:start;
  padding:50px 24px 70px;max-width:1180px;margin:0 auto;
}
@media (max-width:820px){.contact-layout{grid-template-columns:1fr;}}

.contact-info h1{
  font-family:'Fraunces',serif;font-weight:500;font-size:32px;letter-spacing:-.01em;margin:12px 0 14px;
}
.contact-info > p{color:var(--ink-soft);font-size:14.5px;line-height:1.7;margin-bottom:24px;max-width:400px;}

.info-list{display:flex;flex-direction:column;gap:16px;}
.info-item{display:flex;flex-direction:column;gap:2px;}
.info-item .i-label{
  font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);
}
.info-item .i-value{font-size:14px;}

.form-group{margin-bottom:16px;}
.form-group:last-of-type{margin-bottom:0;}
.form-group label{display:block;font-size:13px;font-weight:500;margin-bottom:6px;}
.form-group input, .form-group select, .form-group textarea{
  width:100%;font-family:'Inter',sans-serif;font-size:13.5px;padding:10px 12px;
  border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);color:var(--ink);
}
.form-group textarea{resize:vertical;min-height:120px;font-family:'Inter',sans-serif;}
.form-group input:focus, .form-group select:focus, .form-group textarea:focus{
  outline:none;border-color:var(--accent-2);box-shadow:0 0 0 3px var(--accent-2-soft);
}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
@media (max-width:520px){.form-row{grid-template-columns:1fr;}}

.config-note{
  font-size:12px;color:var(--accent);background:var(--accent-soft);border:1px solid var(--line);
  border-radius:var(--radius);padding:10px 12px;margin-bottom:16px;display:none;
}
.form-success{
  display:none;font-size:13px;color:var(--accent);background:var(--accent-soft);
  border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;margin-top:14px;
}
