/* ===== Contact page (AreaPure) ===== */

/* Pas d’espace blanc en haut */
.page-contact,
.page-template-page-contact {
  margin-top: 0 !important;
}

/* HERO section */
.contact-hero{
  width:100%;
  background:#e6f0ff;              /* bleu ciel comme ton hero */
  padding: 118px 16px;               /* augmente pour plus de hauteur */
}
.contact-hero-inner{
  max-width:1200px;
  margin:0 auto;
  text-align:center;
}
.contact-hero h1{
  margin: 0 0 6px;
  font-size: clamp(26px, 3vw, 36px);
  font-weight: 800;
  color:#0f172a;
}
.contact-hero p{
  margin: 0 0 16px;
  color:#374151;
  font-size: clamp(14px, 1.6vw, 16px);
}
.btn-primary{
  display:inline-flex; align-items:center; justify-content:center;
  background:#22c55e; color:#fff; font-weight:800;
  border:0; border-radius:8px; height:42px; padding:0 18px;
  box-shadow:0 8px 18px rgba(34,197,94,.22);
  transition: transform .08s ease, background .2s ease;
  text-decoration:none;
}
.btn-primary:hover{ background:#16a34a; transform: translateY(-1px); }

/* SECTION formulaire */
.contact-section{
  max-width: 700px;
  margin: 20px auto 48px;
  padding: 0 16px;
}
.contact-section h2{
  font-size: clamp(20px, 2.5vw, 28px);
  font-weight: 700;
  margin: 0 0 14px;
}
.contact-alert{
  padding:12px 14px; border-radius:8px; margin: 10px 0 16px;
  font-size: 14px;
}
.contact-alert.success{ background:#ecfdf5; color:#065f46; border:1px solid #a7f3d0; }
.contact-alert.error{   background:#fef2f2; color:#991b1b; border:1px solid #fecaca; }

.contact-form .form-row{
  margin-bottom: 14px;
}
.contact-form label{
  display:block; margin-bottom:6px; color:#374151; font-weight:600;
}
.contact-form .req{ color:#ef4444; font-weight:700; }
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="url"],
.contact-form input[type="tel"],
.contact-form input[type="number"],
.contact-form textarea{
  width:100%; border:1px solid #d1d5db; border-radius:8px;
  padding: 10px 12px; font-size:16px; color:#0f172a; background:#fff;
  outline:none;
}
.contact-form textarea{ resize: vertical; min-height: 160px; }

.field-error{ display:block; color:#b91c1c; margin-top:6px; font-size:13px; }

.contact-form .inline{ display:flex; align-items:center; gap:10px; }
.contact-form .checkbox{ display:flex; align-items:center; gap:8px; cursor:pointer; }
.contact-form .checkbox input{ width:18px; height:18px; }

.submit-btn{ margin-top: 6px; }

/* Responsive */
@media (max-width: 767px){
  .contact-hero{ padding: 32px 14px; }
  .contact-section{ margin: 22px auto 36px; }
  .contact-form .inline{ flex-wrap: wrap; align-items:flex-start; }
}