/* Test d'eligibilite Diag Design - Magali Nest
   Toutes les regles sont portees par .mn-elig : rien ne fuit vers le reste du site. */

.mn-elig{
  --mn-primary:#5F74FF;
  --mn-primary-dark:#4b5ed5;
  --mn-deep:#1F135D;
  --mn-mint:#5FEFCB;
  --mn-yellow:#F9FF3F;
  --mn-grey:#f0f2f8;
  --mn-border:#dfe3f5;
  max-width:820px;
  margin:0 auto;
  color:var(--mn-deep);
}
.mn-elig *{box-sizing:border-box;}

.mn-elig .mn-card{
  background:#fff;
  border:1px solid var(--mn-border);
  border-radius:30px;
  border-bottom-left-radius:50px;
  padding:40px;
  box-shadow:0 18px 50px rgba(31,19,93,.07);
}

.mn-elig .mn-kicker{
  display:table;
  font-size:.8rem;
  letter-spacing:1px;
  text-transform:uppercase;
  line-height:1rem;
  background:var(--mn-yellow);
  color:var(--mn-deep);
  padding:6px 15px;
  border-radius:5px;
  margin:0 0 18px;
}

.mn-elig .mn-title{
  font-family:"Sansita Regular",sans-serif;
  color:var(--mn-primary);
  font-size:2rem;
  line-height:1.15;
  margin:0 0 10px;
}

.mn-elig .mn-lede{font-size:17px;line-height:1.6;margin:0 0 28px;opacity:.85;}

.mn-elig .mn-bar{
  height:6px;
  background:var(--mn-grey);
  border-radius:999px;
  overflow:hidden;
  margin-bottom:10px;
}
.mn-elig .mn-bar-fill{
  display:block;
  height:100%;
  width:0;
  background:var(--mn-primary);
  border-radius:999px;
  transition:width .35s cubic-bezier(.22,1,.36,1);
}

.mn-elig .mn-step{
  font-size:14px;
  letter-spacing:1px;
  text-transform:uppercase;
  opacity:.6;
  margin:0 0 22px;
  min-height:1em;
}

.mn-elig .mn-fallback{font-size:16px;line-height:1.6;margin:0;}
.mn-elig .mn-fallback a{color:var(--mn-primary);}

.mn-elig .mn-q{
  font-family:"Sansita Regular",sans-serif;
  font-size:1.6rem;
  line-height:1.2;
  margin:0 0 8px;
  color:var(--mn-deep);
}
.mn-elig .mn-help{font-size:15px;line-height:1.5;opacity:.7;margin:0 0 22px;}

.mn-elig .mn-opts{display:grid;gap:10px;margin-bottom:26px;}
.mn-elig .mn-opt{
  display:block;
  width:100%;
  text-align:left;
  cursor:pointer;
  font-family:inherit;
  font-size:16px;
  line-height:1.45;
  color:var(--mn-deep);
  background:#fff;
  border:1px solid var(--mn-border);
  border-radius:16px;
  padding:16px 20px;
  transition:border-color .2s ease,background .2s ease,transform .15s ease;
}
.mn-elig .mn-opt:hover{border-color:var(--mn-primary);background:#f7f8ff;transform:translateY(-1px);}
.mn-elig .mn-opt:focus-visible{outline:3px solid var(--mn-mint);outline-offset:2px;}
.mn-elig .mn-opt[aria-pressed="true"]{border-color:var(--mn-primary);background:#eef0ff;font-weight:700;}

.mn-elig .mn-nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
}
.mn-elig .mn-back{
  background:none;
  border:none;
  padding:0;
  cursor:pointer;
  font-family:inherit;
  font-size:15px;
  color:var(--mn-primary);
  text-decoration:underline;
}
.mn-elig .mn-back[hidden]{display:none;}
.mn-elig .mn-note{font-size:13px;line-height:1.5;opacity:.6;margin:0;}

.mn-elig .mn-verdict{border-radius:20px;padding:24px 26px;margin-bottom:24px;}
.mn-elig .mn-verdict h3{
  font-family:"Sansita Regular",sans-serif;
  font-size:1.7rem;
  line-height:1.15;
  margin:0 0 10px;
}
.mn-elig .mn-verdict p{font-size:17px;line-height:1.6;margin:0 0 12px;}
.mn-elig .mn-verdict p:last-child{margin-bottom:0;}
.mn-elig .mn-verdict h3:focus{outline:none;}

.mn-elig .mn-v-ok{background:var(--mn-deep);color:#fff;}
.mn-elig .mn-v-ok h3{color:var(--mn-mint);}
.mn-elig .mn-v-ok p,
.mn-elig .mn-v-ok strong,
.mn-elig .mn-v-ok li{color:#fff;}
.mn-elig .mn-v-check{background:var(--mn-grey);color:var(--mn-deep);}
.mn-elig .mn-v-check h3{color:var(--mn-primary);}
.mn-elig .mn-v-soon{background:#fffdf0;border:1px solid var(--mn-yellow);color:var(--mn-deep);}
.mn-elig .mn-v-soon h3{color:var(--mn-deep);}
.mn-elig .mn-v-no{background:var(--mn-grey);color:var(--mn-deep);}
.mn-elig .mn-v-no h3{color:var(--mn-deep);}

.mn-elig .mn-reasons{list-style:none;padding:0;margin:0 0 24px;}
.mn-elig .mn-reasons li{
  position:relative;
  padding-left:28px;
  margin-bottom:10px;
  font-size:16px;
  line-height:1.5;
}
.mn-elig .mn-reasons li::before{
  content:"\2192";
  position:absolute;
  left:0;
  top:0;
  color:var(--mn-primary);
  font-weight:700;
}

.mn-elig .mn-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  align-items:center;
  margin-bottom:22px;
}
.mn-elig .mn-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-family:"Sansita Regular",sans-serif;
  font-size:17px;
  padding:14px 28px;
  border-radius:31px;
  text-decoration:none;
  border:none;
  cursor:pointer;
  background:var(--mn-primary-dark);
  color:#fff;
  transition:background .3s ease,transform .2s ease,box-shadow .2s ease;
}
.mn-elig .mn-btn:hover{
  background:var(--mn-deep);
  color:#fff;
  transform:translateY(-2px);
  box-shadow:0 5px 15px rgba(0,0,0,.2);
}
.mn-elig .mn-btn-2{background:#fff;border:1px solid var(--mn-primary);color:var(--mn-primary);}
.mn-elig .mn-btn-2:hover{background:var(--mn-primary);color:#fff;}

.mn-elig .mn-links{font-size:15px;line-height:1.6;margin:0 0 18px;}
.mn-elig .mn-links a{color:var(--mn-primary);}

@media (max-width:600px){
  .mn-elig .mn-card{padding:26px 20px;border-radius:22px;border-bottom-left-radius:34px;}
  .mn-elig .mn-title{font-size:1.6rem;}
  .mn-elig .mn-q{font-size:1.3rem;}
  .mn-elig .mn-btn{width:100%;}
}

@media (prefers-reduced-motion:reduce){
  .mn-elig *{transition:none !important;}
}

/* Bloc de capture email affiche sous le verdict */
.mn-elig .mn-capture{
  background:#fff;
  border:1px dashed var(--mn-primary);
  border-radius:16px;
  padding:22px 24px;
  margin:0 0 24px;
}
.mn-elig .mn-capture-pitch{
  font-size:16px;
  line-height:1.5;
  margin:0 0 14px;
  color:var(--mn-deep);
}
.mn-elig .mn-capture-slot{margin:0;}

/* Slot du modal masque quand le telechargement passe par un bouton dedie */
.mn-elig .mn-capture-slot[hidden]{display:none;}

/* Ligne secondaire sous les deux boutons principaux (lien Refaire le test) */
.mn-elig .mn-actions-sec{margin-top:4px;}
.mn-elig .mn-actions-sec .mn-restart{font-size:14px;}
