/* Simulateur public (#385) : formulaire d'estimation et écrans de restitution.
   S'appuie sur les variables et composants de landing.css (chargé avant). */

.simulateur{padding:48px 0 72px}
.simulateur .wrap{max-width:720px}
.simulateur-tete{margin-bottom:28px}
.simulateur-tete h1{font:800 34px/1.1 'Archivo',sans-serif;letter-spacing:-.02em;margin:6px 0 12px}
.simulateur-tete .lead{color:var(--slate);max-width:60ch}

.simulateur form{display:grid;gap:20px;background:var(--card);border:1px solid var(--rule);border-radius:6px;padding:28px}
.champ{display:flex;flex-direction:column;gap:6px}
.champ label{font-weight:600;font-size:14px}
.champ input,.champ select{font:inherit;padding:11px 12px;border:1px solid var(--rule-strong);border-radius:4px;background:#fff;color:var(--ink);min-height:44px}
.champ input:focus,.champ select:focus{outline:2px solid var(--brand);outline-offset:1px}
.champ-aide{font-size:13px;color:var(--slate);margin:0}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:16px}

.combo{position:relative}
.suggestions{list-style:none;margin:4px 0 0;padding:0;position:absolute;left:0;right:0;z-index:20;
  background:#fff;border:1px solid var(--rule-strong);border-radius:4px;max-height:260px;overflow:auto;
  box-shadow:0 10px 30px rgba(0,0,0,.12)}
.suggestion{padding:10px 12px;cursor:pointer;font-size:14px}
.suggestion:hover{background:var(--chip)}

.consentement{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--slate)}
.consentement input{margin-top:2px;width:18px;height:18px}

.erreurs{list-style:none;margin:0 0 20px;padding:14px 16px;border:1px solid #d98b8b;background:#fbeaea;border-radius:4px;color:#7a1f1f}
.erreurs li{font-size:14px}

.simulateur-resultat{background:var(--card);border:1px solid var(--rule);border-radius:6px;padding:32px;text-align:center}
.simulateur-resultat h1{font:800 28px/1.15 'Archivo',sans-serif;margin:6px 0 10px}
.simulateur-resultat h1 span{color:var(--brand-ink);word-break:break-all}
.simulateur-resultat .montant{font:800 44px/1 'Archivo',sans-serif;color:var(--brand-ink);margin:18px 0 4px}
.simulateur-resultat .fourchette{color:var(--slate);margin:0 0 20px}
.simulateur-resultat .stats{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:var(--rule);border:1px solid var(--rule);margin:0 0 20px}
.simulateur-resultat .stats li{background:var(--card);padding:14px 10px;display:flex;flex-direction:column;gap:4px}
.simulateur-resultat .stats span{font-size:12px;color:var(--slate)}
.simulateur-resultat .stats b{font:700 16px/1 'Archivo',sans-serif}
.note-consentement{font-size:13px;color:var(--slate)}

@media (max-width:600px){
  .duo{grid-template-columns:1fr}
  .simulateur-resultat .stats{grid-template-columns:1fr}
}