/* Simulateur de la page Assurance Vie. Tout est porte par #ieav-simulateur.
   Meme boite de 1200px que les autres sections. L'orange est reserve aux
   plus-values et aux accents : le resultat principal est en navy. */
#ieav-simulateur{
	--ieavs-navy:#07124A;
	--ieavs-navy-2:#0F1B4C;
	--ieavs-orange:#F18815;
	--ieavs-orange-2:#d4760f;
	--ieavs-muted:#64748B;
	--ieavs-muted-2:#6b7391;
	--ieavs-line:#E7E9F0;
	--ieavs-hair:#C9D2E4;
	--ieavs-track:#DDE3F0;
	--ieavs-page:#F8F9FB;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	padding-left:32px;
	padding-right:32px;
	font-family:'Plus Jakarta Sans','Poppins',sans-serif;
	color:#1e2748;
	line-height:1.55;
}
#ieav-simulateur p,#ieav-simulateur h2{margin:0}

/* L'enveloppe du shortcode se retrecit a son contenu quand le conteneur
   Elementor est en flex, ce qui collerait la section a gauche au lieu de la
   centrer dans sa boite. */
.elementor-widget-shortcode:has(#ieav-simulateur){width:100%}

#ieav-simulateur .ieavs__eyebrow{
	display:flex;align-items:center;gap:9px;
	font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
	color:var(--ieavs-navy);margin:0 0 13px;
}
#ieav-simulateur .ieavs__eyebrow::before{
	content:"";width:14px;height:3px;border-radius:2px;background:var(--ieavs-orange);flex:none;
}
/* Pas de phrase d'introduction : quatre curseurs et un resultat qui bouge se
   comprennent sans mode d'emploi. Le titre porte donc la marge basse. */
#ieav-simulateur .ieavs__title{
	font-size:34px;font-weight:700;line-height:48px;letter-spacing:-.68px;
	color:var(--ieavs-navy);margin:0 0 34px;
}

#ieav-simulateur .ieavs__cols{
	display:grid;grid-template-columns:minmax(0,392px) minmax(0,1fr);gap:48px;align-items:start;
}

/* La carte contient les curseurs : c'est elle qui absorbe la difference de
   hauteur entre les deux colonnes. Ne pas etirer la colonne de gauche. */
#ieav-simulateur .ieavs__card{
	border:1px solid var(--ieavs-line);border-radius:20px;
	background:var(--ieavs-page);padding:28px 26px;
}
#ieav-simulateur .ieavs__ctrl + .ieavs__ctrl{margin-top:28px}
#ieav-simulateur .ieavs__top{
	display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin:0 0 10px;
}
#ieav-simulateur .ieavs__k{
	font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ieavs-muted-2);
}
#ieav-simulateur .ieavs__v{
	font-size:21px;font-weight:800;letter-spacing:-.02em;color:var(--ieavs-navy);white-space:nowrap;
}

#ieav-simulateur input[type=range]{
	-webkit-appearance:none;appearance:none;display:block;width:100%;height:6px;border-radius:999px;margin:0;
	background:linear-gradient(to right,
		var(--ieavs-orange) 0%, var(--ieavs-orange) calc(var(--p) * 1%),
		var(--ieavs-track) calc(var(--p) * 1%), var(--ieavs-track) 100%);
	outline:none;cursor:pointer;
}
#ieav-simulateur input[type=range]:focus-visible{
	outline:2px solid var(--ieavs-orange);outline-offset:6px;border-radius:999px;
}
#ieav-simulateur input[type=range]::-webkit-slider-thumb{
	-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;
	border:2px solid var(--ieavs-navy);box-shadow:0 2px 8px -1px rgba(7,18,74,.3);cursor:grab;
}
#ieav-simulateur input[type=range]:active::-webkit-slider-thumb{border-color:var(--ieavs-orange);cursor:grabbing}
#ieav-simulateur input[type=range]::-moz-range-thumb{
	width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--ieavs-navy);
	box-shadow:0 2px 8px -1px rgba(7,18,74,.3);cursor:grab;
}
#ieav-simulateur .ieavs__ends{display:flex;justify-content:space-between;margin:8px 0 0}
#ieav-simulateur .ieavs__ends span{font-size:10.5px;color:#9AA3BC}

/* Reperes : des traits sur la piste, et une seule ligne de texte. Deux
   etiquettes flottantes se chevauchaient de 21px a ces positions. */
#ieav-simulateur .ieavs__ticks{position:relative;height:7px;margin:3px 0 0}
#ieav-simulateur .ieavs__tick{
	position:absolute;top:0;width:1px;height:6px;background:var(--ieavs-hair);
}
#ieav-simulateur .ieavs__note{font-size:10.5px;color:#8B95AE;margin:6px 0 0;line-height:1.5}
#ieav-simulateur .ieavs__warn{
	display:none;font-size:11.5px;color:var(--ieavs-orange-2);margin:9px 0 0;line-height:1.45;
}
#ieav-simulateur .ieavs__warn.is-on{display:block}

#ieav-simulateur .ieavs__res{
	margin:0 0 28px;
	background:var(--ieavs-page);
	border:1px solid var(--ieavs-line);
	border-radius:18px;
	padding:24px 26px;
}
#ieav-simulateur .ieavs__res-k{
	font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
	color:var(--ieavs-muted-2);margin:0 0 5px;
}
#ieav-simulateur .ieavs__res-v{
	font-size:44px;font-weight:800;letter-spacing:-.035em;line-height:1.05;color:var(--ieavs-navy);
}
#ieav-simulateur .ieavs__res-row{
	display:flex;gap:30px;flex-wrap:wrap;margin:16px 0 0;padding-top:16px;border-top:1px solid var(--ieavs-line);
}
#ieav-simulateur .ieavs__res-ik{
	font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
	color:var(--ieavs-muted-2);margin:0 0 4px;
}
#ieav-simulateur .ieavs__res-iv{
	font-size:16.5px;font-weight:800;letter-spacing:-.015em;color:var(--ieavs-navy);
}
#ieav-simulateur .ieavs__res-iv.is-gain{color:var(--ieavs-orange-2)}
#ieav-simulateur .ieavs__pct{
	font-size:12px;font-weight:600;color:var(--ieavs-muted);margin-left:8px;letter-spacing:0;
}
#ieav-simulateur .ieavs__sr{
	position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;
}

#ieav-simulateur .ieavs__legend{
	display:flex;gap:18px;margin:0 0 12px;flex-wrap:wrap;align-items:center;
}
#ieav-simulateur .ieavs__legend span{
	display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--ieavs-muted);
}
#ieav-simulateur .ieavs__legend i{flex:none;width:16px;height:11px;border-radius:2px;display:inline-block}
#ieav-simulateur .ieavs__legend i.vers{background:rgba(7,18,74,.10);border-top:2px solid #07124A}
#ieav-simulateur .ieavs__legend i.pv{background:rgba(241,136,21,.18);border-top:2px solid #F18815}
#ieav-simulateur .ieavs__legend i.s8{background:none;border-top:none;height:0;border-bottom:1px dashed #C9D2E4;width:18px;margin-top:1px}
#ieav-simulateur svg[data-ieavs-chart]{display:block;width:100%;height:auto;overflow:visible}

#ieav-simulateur .ieavs__mentions{
	font-size:11px;color:#9AA3BC;line-height:1.5;max-width:900px;margin:30px 0 0;
}

@media (max-width:1000px){
	#ieav-simulateur{padding-left:20px;padding-right:20px}
	#ieav-simulateur .ieavs__cols{grid-template-columns:1fr;gap:30px}
	#ieav-simulateur .ieavs__title{font-size:27px;line-height:38px;margin-bottom:26px}
	#ieav-simulateur .ieavs__res-v{font-size:36px}
}

/* Le fond teinte est passe a la section « comprendre » : le simulateur revient
   au blanc. Les remplissages restent, ils tiennent le rythme vertical.
   La carte des curseurs et le bloc resultat gardent leur ton teinte et leur
   cadre dans leurs regles de base : sur fond blanc ils se lisent comme des
   cartes, pas comme des bandeaux. */
.e-con.e-parent:has(#ieav-simulateur){
	padding-top:48px;
	padding-bottom:48px;
}