/* ==========================================================================
   Compléments pour le simulateur viager GLOBAL — /calcul-viager/simulateur/
   Réutilise bouquet-simulateur.css (classes .bqs__*) + tokens design-system.
   Ajoute uniquement : en-têtes d'étape, ligne couple 2 colonnes, bloc fiscal.
   ========================================================================== */

/* En-tête d'étape (progressivité : "1 · Le bien", "2 · Le(s) vendeur(s)"...) */
.svs__step {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 1.4rem 0 0.2rem;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--gold-400);
}
.svs__step:first-of-type { margin-top: 0; }
.svs__step span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--gold-500);
  color: var(--navy-900);
  font-weight: 700;
  flex-shrink: 0;
}
.svs__step::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--glass-border);
}

/* Bloc têtes (solo / couple) qui apparaît selon le choix */
.svs__heads { grid-column: 1 / -1; }
.svs__heads[hidden] { display: none; }
.svs__row2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.1rem 1.25rem;
}

/* Case à cocher (volet fiscal) dans les réglages avancés */
.svs__check {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  margin-top: 1rem;
  cursor: pointer;
  color: var(--mist-100);
  font-size: 14px;
  line-height: 1.4;
}
.svs__check input {
  width: 18px;
  height: 18px;
  margin-top: 2px;
  accent-color: var(--gold-500);
  flex-shrink: 0;
}

/* Bloc fiscal (barème 669) — nettement distingué du calcul du prix */
.svs__fiscal {
  margin-top: 1.6rem;
  border: 1px solid var(--glass-border);
  border-left: 3px solid var(--gold-500);
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, 0.04);
  padding: 1.1rem 1.25rem;
}
.svs__fiscal[hidden] { display: none; }
.svs__fiscal-title {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--gold-400);
  margin: 0 0 0.3rem;
}
.svs__fiscal-note {
  font-size: 12.5px;
  color: var(--mist-300);
  line-height: 1.5;
  margin: 0 0 0.9rem;
}
.svs__fiscal-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.7rem;
}

@media (max-width: 640px) {
  .svs__row2 { grid-template-columns: 1fr; }
  .svs__fiscal-grid { grid-template-columns: 1fr; }
}