/* Fond blanc, comme le reste de la page ou seul le hero est teinte. */
.e-con.e-parent:has(#scpi-sim){
	padding-top:48px;
	padding-bottom:48px;
	border-bottom:1px solid #E7E9F0;
}
.elementor-widget-shortcode:has(#scpi-sim){width:100%}

/* Les jetons sont definis ICI et prefixes --ss-. Ne jamais dependre d'un jeton
   defini hors de cette feuille : une autre section a deja ete livree en
   referencant des jetons absents, et chaque regle concernee devenait invalide
   sans la moindre erreur visible. */
#scpi-sim{
	--ss-navy:#07124A;
	--ss-orange:#F18815;
	--ss-orange-2:#d4760f;
	--ss-muted:#64748B;
	--ss-muted-2:#6b7391;
	--ss-line:#E7E9F0;
	--ss-hair:#C9D2E4;
	--ss-page:#F8F9FB;
	--ss-font:'Plus Jakarta Sans','Poppins',sans-serif;
	position:relative;max-width:1200px;margin:0 auto;padding:0 32px;
  font-family:var(--ss-font);color:#1e2748;line-height:1.55}
#scpi-sim p,#scpi-sim h2,#scpi-sim h3{margin:0;padding:0}

.ss__ey{display:flex;align-items:center;gap:10px;font-size:11.5px;font-weight:800;letter-spacing:.16em;
  text-transform:uppercase;color:var(--ss-navy);margin:0 0 12px}
.ss__ey::before{content:"";width:16px;height:3px;border-radius:2px;background:var(--ss-orange);flex:none}
.ss__ti{font-size:30px;font-weight:800;line-height:1.2;letter-spacing:-.025em;color:var(--ss-navy);margin:0 0 10px;max-width:660px}
.ss__le{font-size:14.5px;line-height:24px;color:var(--ss-muted);max-width:700px}
.ss__le b{color:var(--ss-navy);font-weight:700}

.ss__grid{display:grid;grid-template-columns:392px minmax(0,1fr);gap:44px;margin:30px 0 0;align-items:start}

/* ── réglages ── */
.ss__card{background:var(--ss-page);border:1px solid var(--ss-line);border-radius:20px;padding:26px 24px 24px}
.ss__sl{margin:0 0 20px}
.ss__sl:last-child{margin-bottom:0}
.ss__lab{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 9px}
.ss__k{font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ss-muted-2)}
.ss__v{font-size:19px;font-weight:800;letter-spacing:-.02em;color:var(--ss-navy);font-variant-numeric:tabular-nums}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:22px;background:transparent;cursor:grab;display:block;margin:0}
input[type=range]:active{cursor:grabbing}
input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:999px;
  background:linear-gradient(to right,var(--ss-orange) 0 var(--p,0%),var(--ss-hair) var(--p,0%) 100%)}
input[type=range]::-moz-range-track{height:5px;border-radius:999px;
  background:linear-gradient(to right,var(--ss-orange) 0 var(--p,0%),var(--ss-hair) var(--p,0%) 100%)}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;
  background:var(--ss-orange);border:3px solid #fff;margin-top:-6.5px;box-shadow:0 1px 5px rgba(7,18,74,.3)}
input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--ss-orange);
  border:3px solid #fff;box-shadow:0 1px 5px rgba(7,18,74,.3)}
.ss__mm{display:flex;justify-content:space-between;margin:1px 0 0}
.ss__mm span{font-size:11px;color:#9AA3BC}

.ss__hyp{margin:24px 0 0;padding:20px 0 0;border-top:1px solid var(--ss-line)}
.ss__hypk{font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ss-navy);margin:0 0 16px}

/* ── résultat : le total, puis son équation ── */
/* Le bloc résultat reste clair, sans accent de couleur. Sa hiérarchie vient
   uniquement du poids : le total est le plus gros chiffre de la section. */
.ss__res{background:#fff;border:1px solid var(--ss-line);border-radius:18px;padding:26px 28px 24px}
.ss__rk{font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  color:var(--ss-muted-2);margin:0 0 8px}
.ss__tot{font-size:46px;font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--ss-navy);
  font-variant-numeric:tabular-nums}
/* Les deux composantes s'ADDITIONNENT pour donner le total : le signe le dit.
   Les frais d'entrée n'en font pas partie, ils sont en note de bas de bloc. */
.ss__eq{display:flex;align-items:flex-start;gap:18px;margin:22px 0 0;padding-top:20px;border-top:1px solid var(--ss-line)}
.ss__part{flex:1;min-width:0}
.ss__plus{flex:none;font-size:20px;font-weight:800;color:var(--ss-hair);line-height:1;padding-top:14px}
.ss__pk{font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--ss-muted-2);margin:0 0 5px}
.ss__pv{font-size:21px;font-weight:800;letter-spacing:-.025em;font-variant-numeric:tabular-nums;line-height:1.1}
.ss__pv--n{color:var(--ss-navy)}
.ss__pv--o{color:var(--ss-orange-2)}
.ss__pn{font-size:11.5px;line-height:17px;color:#9AA3BC;margin:4px 0 0}
.ss__ctx{margin:20px 0 0;padding-top:16px;border-top:1px solid var(--ss-line);
  font-size:12.5px;line-height:20px;color:var(--ss-muted-2)}
.ss__ctx b{color:var(--ss-navy);font-weight:700}

/* ── légende, avec des témoins qui ressemblent au graphique ── */
.ss__panel{background:#fff;border:1px solid var(--ss-line);border-radius:16px;padding:18px 20px 12px;margin:18px 0 0}
.ss__leg{display:flex;gap:22px;flex-wrap:wrap;margin:0 0 10px}
.ss__leg span{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--ss-muted-2)}
.ss__leg i{flex:none;width:16px;height:11px;border-radius:2px;position:relative}
.ss__leg i.n{background:rgba(7,18,74,.10);border-top:2px solid var(--ss-navy)}
.ss__leg i.o{background:rgba(241,136,21,.18);border-top:2px solid var(--ss-orange)}
.ss__leg i.d{background:none;border-top:none;height:0;border-bottom:1px dashed var(--ss-hair);width:18px;margin-top:1px}
.ss__chart{display:block;width:100%;height:auto}


.ss__ment{margin:22px 0 0;padding-top:18px;border-top:1px solid var(--ss-line);
  font-size:11.5px;line-height:19px;color:#9AA3BC}
.ss__ment b{color:var(--ss-muted);font-weight:700}

.ss__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

@media(max-width:1000px){
  #scpi-sim{padding:0 20px}
  .ss__ti{font-size:25px}
  .ss__grid{grid-template-columns:1fr;gap:28px}
  .ss__tot{font-size:36px}
  .ss__eq{flex-direction:column;gap:14px}
  .ss__plus{display:none}
}

/* Encart sous le curseur des frais. Sobre : pas de chiffre d'affichage, pas de
   bouton plein, pas de fond orange. L'incitation tient au montant lui-même,
   calculé sur la simulation en cours, glissé dans une phrase de taille
   normale. Il renvoie vers un conseiller, jamais vers un produit. */
.ss__note{margin:18px 0 20px;padding:14px 16px;border-radius:12px;
  background:var(--ss-page);border:1px solid var(--ss-line)}
.ss__note-d{font-size:12.5px;line-height:20px;color:var(--ss-muted);margin:0 0 9px}
.ss__note-d b{color:var(--ss-navy);font-weight:700}
.ss__note-a{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;
  color:var(--ss-navy);text-decoration:none;transition:color .2s}
.ss__note-a:hover{color:var(--ss-orange-2)}
.ss__note-a svg{width:13px;height:13px;fill:none;stroke:var(--ss-orange);stroke-width:2.2;
  stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.ss__note-a:hover svg{transform:translateX(3px)}

/* L'ancre ne doit pas passer sous l'en-tete fixe (hauteur reelle mesuree : 65px). */
#scpi-resume{scroll-margin-top:90px}