/* ============================================================
   STYLES DE PAGE — formulaires + responsive
   ============================================================ */

/* champs de formulaire */
.inp {
  width: 100%;
  padding: 12px 14px;
  border: 1.5px solid var(--line);
  border-radius: var(--radius-sm);
  font-family: var(--font-body);
  font-size: 14.5px;
  color: var(--ink);
  background: var(--surface);
  transition: border-color .18s, box-shadow .18s, background .18s;
  line-height: 1.4;
}
.inp::placeholder { color: color-mix(in srgb, var(--muted) 85%, transparent); }
.inp:focus {
  outline: none;
  border-color: var(--accent);
  box-shadow: 0 0 0 3px var(--accent-tint);
  background: var(--surface);
}
select.inp {
  appearance: none;
  cursor: pointer;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%2374808d' stroke-width='1.8'><path d='M1 1.5L6 6.5L11 1.5'/></svg>");
  background-repeat: no-repeat;
  background-position: right 14px center;
  padding-right: 38px;
}
textarea.inp { font-family: var(--font-body); }

/* ============================================================
   RESPONSIVE — collapse des grilles à styles inline
   ============================================================ */
@media (max-width: 1080px) {
  .quick-grid       { grid-template-columns: 1fr 1fr !important; }
  .benefits-grid    { grid-template-columns: 1fr 1fr !important; }
  .news-grid        { grid-template-columns: 1fr 1fr !important; }
  .job-layout       { grid-template-columns: 1fr !important; }
  .job-filters      { position: static !important; }
  .adh-grid         { grid-template-columns: 1fr !important; }
  .esp-grid         { grid-template-columns: 1fr !important; }
}

@media (max-width: 860px) {
  /* hero accueil */
  .hero-grid        { grid-template-columns: 1fr !important; gap: 32px !important; }
  section .hero-copy { grid-column: 1 / -1; }
  .stats-band       { grid-template-columns: 1fr 1fr !important; gap: 28px !important; }
  .cta-band         { grid-template-columns: 1fr !important; }
}

@media (max-width: 720px) {
  .quick-grid       { grid-template-columns: 1fr !important; }
  .benefits-grid    { grid-template-columns: 1fr !important; }
  .news-grid        { grid-template-columns: 1fr !important; }
}

/* hero : passe en une colonne sous 900px (la grille interne est inline) */
@media (max-width: 900px) {
  section > .container[style*="grid-template-columns: 1.15fr"],
  section > .container[style*="gridTemplateColumns"] { }
}