/* ==========================================================================
   REFONTE CONTACT — phase 5E
   Scope : body.qds-contact
     - contact.html
     - contact-coaching-etudiants.html
     - merci.html (confirmation, noindex)
   Habillage uniquement. Aucun attribut name/action/method de formulaire
   modifié. Dépend de refonte-tokens.css.
   ========================================================================== */

body.qds-contact {
  background-color: var(--qds-ivoire);
}

body.qds-contact #navbar {
  border-top: 3px solid var(--qds-brique);
}

body.qds-contact .hero,
body.qds-contact .section-local-tone {
  background:
    linear-gradient(90deg, rgba(28, 42, 64, 0.035) 1px, transparent 1px),
    linear-gradient(rgba(28, 42, 64, 0.035) 1px, transparent 1px),
    linear-gradient(to bottom, var(--qds-chaux), var(--qds-ivoire));
  background-size: 2.5rem 2.5rem, 2.5rem 2.5rem, 100% 100%;
}

body.qds-contact .section-title-local::after {
  background: var(--qds-brique);
  height: 3px;
  box-shadow: 84px 0 0 0 var(--qds-ambre);
}

/* Carte formulaire */
body.qds-contact .form-card,
body.qds-contact .hero-local-card {
  background-color: var(--qds-blanc);
  border: 1px solid var(--qds-ardoise-100);
  border-top: 4px solid var(--qds-brique);
  border-radius: var(--qds-r-grand);
  box-shadow: var(--qds-ombre-2);
}

body.qds-contact .form-label {
  color: var(--qds-ardoise-900);
}

body.qds-contact .form-input,
body.qds-contact .form-select,
body.qds-contact .form-textarea {
  border-radius: var(--qds-r-moyen);
  border-color: var(--qds-ardoise-100);
}

body.qds-contact .form-input:focus-visible,
body.qds-contact .form-select:focus-visible,
body.qds-contact .form-textarea:focus-visible {
  outline: var(--qds-focus);
  outline-offset: var(--qds-focus-decalage);
}

body.qds-contact .btn,
body.qds-contact .btn-primary {
  border-radius: var(--qds-r-moyen);
  min-height: 44px;
}

body.qds-contact footer.footer-lille-legal-test {
  background-color: var(--qds-ardoise-950) !important;
  border-top: 3px solid var(--qds-brique);
}
body.qds-contact footer.footer-lille-legal-test h3 {
  color: var(--qds-ambre);
  font-size: 1.05rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

body.qds-contact a:focus-visible,
body.qds-contact button:focus-visible,
body.qds-contact summary:focus-visible,
body.qds-contact label:focus-visible {
  outline: var(--qds-focus);
  outline-offset: var(--qds-focus-decalage);
}
body.qds-contact footer.footer-lille-legal-test a:focus-visible {
  outline-color: var(--qds-ambre);
}

@media (prefers-reduced-motion: reduce) {
  body.qds-contact * {
    transition-duration: 0.01ms !important;
    animation: none !important;
  }
}