/*
 * Cap Portage V12.3.2
 * Correctifs isolés : desktop Chrome, espacements et focus clavier.
 * Le design, les contenus et le moteur de calcul V12.3.1 restent inchangés.
 */

/* Empêche les deux colonnes du simulateur de se recouvrir ou de se décaler
   lorsqu'une colonne devient plus haute dans Chrome/Edge. */
@media (min-width: 901px) {
  .simulator__layout {
    align-items: start !important;
  }

  .simulator__form,
  .simulator__results {
    position: static !important;
    top: auto !important;
    align-self: start;
    width: 100%;
    min-width: 0;
  }

  .cp-home-v6 .v6-sim .simulator__layout {
    gap: clamp(1.5rem, 3vw, 3rem) !important;
  }
}

/* Espacements plus réguliers sur l'accueil, sans changer sa composition. */
.cp-home-v6 .v6-sim {
  padding-block: clamp(4rem, 6vw, 5rem);
}

.cp-home-v6 .v6-sim__head {
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.cp-home-v6 .v6-sector,
.cp-home-v6 .v6-benefit {
  height: 100%;
}

/* Les champs ne doivent jamais sortir de leur carte. */
.simulator__form input,
.simulator__form select,
.simulator__form textarea,
.sim-lead-fields,
.sim-email-fields {
  max-width: 100%;
  min-width: 0;
}

/* Focus clavier visible et cohérent avec l'identité or/bleu nuit. */
.cp-home-v6 a:focus-visible,
.cp-home-v6 button:focus-visible,
.cp-home-v6 summary:focus-visible,
.simulator input:focus-visible,
.simulator select:focus-visible,
.simulator textarea:focus-visible {
  outline: 3px solid #E7C878 !important;
  outline-offset: 3px;
}

.cp-home-v6 .v6-sector:focus-visible {
  border-color: #0A1628;
  box-shadow: 0 0 0 4px rgba(231, 200, 120, .38);
}

/* Préserve le comportement mobile validé et évite tout débordement. */
@media (max-width: 900px) {
  .simulator__layout,
  .simulator__form,
  .simulator__results {
    width: 100%;
    min-width: 0;
  }

  .cp-home-v6 .v6-sim {
    padding-block: 3.5rem;
  }
}
