/* ==========================================================================
   Simulateur — Shared dark-theme styles for all simulator blocks
   Scoped under .sim-dark (applied to each block's root element)
   ========================================================================== */

.sim-dark {
  --sim-bg:  #111111;
  --sim-bg2: #1a1a1a;
  --sim-bg3: #222222;
  --sim-brd: #333333;
  --sim-wht: #ffffff;
  --sim-gry: #888888;
  --sim-gr2: #555555;
  --sim-yel: #F2CD1D;
  --sim-grn: #6EEC9E;
  --sim-grd: #5BD48A;
  background-color: var(--sim-bg);
  color: var(--sim-wht);
  font-family: lexendregular, sans-serif;
}


/* Section layout (avantages, faq, temoignages) */
.sim-dark .sim-section {
  max-width: 780px;
  margin: 0 auto 60px;
  padding: 0 24px;
}
.sim-dark .sim-section-header {
  margin-bottom: 32px;
}
.sim-dark .sim-section-header h2 {
  font-family: lexendbold, sans-serif;
  font-size: clamp(24px, 5vw, 36px);
  font-weight: 700;
  line-height: clamp(34px, 6vw, 45px);
}

/* Green CTA button */
.sim-dark .sim-btn-green {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 13px 24px;
  border-radius: 80px;
  font-size: 18px;
  font-weight: 600;
  font-family: lexendsemibold, sans-serif;
  background: var(--sim-grn);
  color: #111;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: background .2s;
}
.sim-dark .sim-btn-green:hover {
  background: var(--sim-grd);
}

/* CTA section (avantages, temoignages, cta-final) */
.sim-dark .sim-cta {
  text-align: center;
  padding: 60px 24px;
  border-top: 1px solid var(--sim-brd);
}
.sim-dark .sim-cta h2 {
  font-family: lexendbold, sans-serif;
  font-size: clamp(24px, 5vw, 36px);
  font-weight: 700;
  line-height: clamp(34px, 6vw, 45px);
  margin-bottom: 16px;
}
.sim-dark .sim-cta p {
  color: var(--sim-gry);
  font-size: 15px;
  margin-bottom: 28px;
}
.sim-dark .sim-ctafinal-footnote {
  text-align: center;
  font-size: 12px;
  color: var(--sim-gr2);
  padding: 20px;
}