/* =========================================================================
   MINI-SIMULATEUR JEANBRUN
   Composant réutilisable : accueil, page /defiscalisation-jeanbrun/ et
   fiches des programmes éligibles. Sa feuille est donc séparée de
   home.css, qui n'est chargée que sur l'accueil.
   ========================================================================= */
.wc-mini-sim{background:var(--wc-marine);padding:3.4rem 0;color:#eaf1f3}
.wc-mini-sim__inner{
	display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);
	gap:2.5rem;align-items:center;
}
.wc-mini-sim__txt h2{
	color:#fff;font-size:1.9rem;line-height:1.2;margin:.5rem 0 .8rem;
}
.wc-mini-sim__txt .wc-eyebrow{color:#a5e0e8}
.wc-mini-sim__txt p{color:#cdd9dd;font-size:.98rem;line-height:1.65;margin:0;max-width:52ch}

.wc-mini-sim__box{
	background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);
	border-radius:16px;padding:1.5rem;
}
.wc-mini-sim__fields{display:grid;gap:.9rem;margin-bottom:1.2rem}
.wc-mini-sim__field{display:block}
.wc-mini-sim__field>span:first-child{
	display:block;font-size:.8rem;font-weight:600;color:#cdd9dd;margin-bottom:.3rem;
}
.wc-mini-sim__input{position:relative;display:block}
.wc-mini-sim__input input{
	width:100%;box-sizing:border-box;font-family:inherit;font-size:1rem;
	padding:.6rem 3.4rem .6rem .9rem;border:1px solid rgba(255,255,255,.2);
	border-radius:9px;background:rgba(255,255,255,.95);color:var(--wc-marine);
	-moz-appearance:textfield;
}
.wc-mini-sim__input input::-webkit-outer-spin-button,
.wc-mini-sim__input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.wc-mini-sim__input input:focus{
	outline:none;border-color:var(--wc-teal-l,#7fd4dd);
	box-shadow:0 0 0 3px rgba(127,212,221,.25);
}
.wc-mini-sim__input i{
	position:absolute;right:.9rem;top:50%;transform:translateY(-50%);
	font-style:normal;font-size:.82rem;font-weight:600;color:var(--wc-muted);
	pointer-events:none;
}

.wc-mini-sim__out{
	display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:1.1rem;
}
.wc-mini-sim__res{
	background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);
	border-radius:10px;padding:.8rem .9rem;
}
.wc-mini-sim__res span{display:block;font-size:.72rem;color:#a9d4d5;font-weight:600;margin-bottom:.2rem}
.wc-mini-sim__res b{display:block;font-size:1.35rem;font-weight:800;color:#fff;line-height:1.1}
.wc-mini-sim__res small{display:block;font-size:.68rem;color:#8fa4ab;margin-top:.15rem}
.wc-mini-sim__res--fort{background:rgba(127,224,176,.12);border-color:rgba(127,224,176,.35)}
.wc-mini-sim__res--fort b{color:#7fe0b0}

.wc-mini-sim__cta{width:100%;justify-content:center;text-align:center}
.wc-mini-sim__note{
	font-size:.72rem;color:#8fa4ab;line-height:1.5;margin:.8rem 0 0;text-align:center;
}

@media(max-width:900px){
	.wc-mini-sim__inner{grid-template-columns:1fr;gap:1.6rem}
	.wc-mini-sim__txt h2{font-size:1.5rem}
}
@media(max-width:420px){
	.wc-mini-sim__out{grid-template-columns:1fr}
}
