/* ═══════════════════════════════════════════════════════════
   FACTURATION ÉLECTRONIQUE 2026 — styles spécifiques
   Se charge APRÈS /css/barometre.css, qui fournit déjà :root,
   nav, .wrap, .card, .form-group, .btn-gen, footer, .skip-link.
   Ce fichier n'ajoute que ce qui manque.
   ═══════════════════════════════════════════════════════════ */

/* ── Compte à rebours ─────────────────────────────────────── */
.countdown{
  display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;
  background:var(--accent-light);
  border:1px solid rgba(33,85,196,.22);
  border-radius:12px;
  padding:14px 18px;
  margin-bottom:1.8rem;
}
.countdown-num{
  font-family:'Playfair Display',serif;
  font-size:30px;font-weight:700;color:var(--accent-dark);
  line-height:1;
}
.countdown-label{font-size:14px;color:var(--ink2)}
/* Quand la date est passée, le bloc devient neutre plutôt qu'alarmiste */
.countdown.past{background:var(--bg2);border-color:var(--border)}
.countdown.past .countdown-num{color:var(--ink2);font-size:22px}

/* ── Erreur de validation du quiz ─────────────────────────── */
.ef-error{
  display:none;font-size:12.5px;color:#c0392b;margin-top:.7rem;
  text-align:center;background:#fdf0ee;padding:8px 10px;border-radius:6px;
}
.ef-error.show{display:block}

/* ── Résultat ─────────────────────────────────────────────── */
.ef-result{margin-bottom:1.4rem}
.ef-verdict{
  font-family:'Playfair Display',serif;
  font-size:clamp(20px,3.4vw,26px);line-height:1.3;
  margin-bottom:1.2rem;padding-bottom:1.2rem;
  border-bottom:1px solid var(--border);
}

/* Ligne de calendrier : une date + ce qu'elle impose */
.ef-date{
  display:flex;gap:12px;align-items:flex-start;
  padding:12px 0;border-bottom:1px solid var(--border);
}
.ef-date:last-child{border-bottom:none}
.ef-date-when{
  flex:0 0 106px;font-size:13px;font-weight:600;color:var(--accent-dark);
  line-height:1.4;
}
.ef-date-what{flex:1;font-size:14px;color:var(--ink2);line-height:1.55}
.ef-date-what strong{color:var(--ink)}
@media(max-width:520px){
  .ef-date{flex-direction:column;gap:3px}
  .ef-date-when{flex:none}
}

/* Encadré « ce que vous devez faire » */
.ef-todo{
  background:var(--bg2);border-radius:10px;
  padding:14px 16px;margin-top:1.4rem;
}
.ef-todo p{font-size:13px;font-weight:600;margin-bottom:8px}
.ef-todo ul{margin:0;padding-left:18px}
.ef-todo li{font-size:13.5px;color:var(--ink2);line-height:1.6;margin-bottom:5px}

/* Nuance / mise en garde à l'intérieur d'un résultat */
.ef-note{
  font-size:12.5px;color:var(--ink3);line-height:1.55;
  margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);
}

.ef-restart{
  background:none;border:none;color:var(--accent);
  font-size:12.5px;cursor:pointer;text-decoration:underline;
  padding:4px;margin-top:.4rem;font-family:'Inter',sans-serif;
}

/* ── Sources et articles liés ─────────────────────────────── */
.ef-sources{
  margin-top:2.6rem;padding-top:1.6rem;border-top:1px solid var(--border);
}
.ef-sources p{font-size:12.5px;color:var(--ink3);line-height:1.65;margin-bottom:.9rem}
.ef-sources a{color:var(--accent)}

.ef-articles{margin-top:2.4rem}
.ef-articles h2{
  font-family:'Playfair Display',serif;font-size:21px;
  margin-bottom:.9rem;font-weight:700;
}
.ef-articles ul{list-style:none;padding:0;margin:0}
.ef-articles li{border-bottom:1px solid var(--border)}
.ef-articles li:last-child{border-bottom:none}
.ef-articles a{
  display:block;padding:11px 0;font-size:14.5px;
  color:var(--ink);text-decoration:none;line-height:1.5;
}
.ef-articles a:hover{color:var(--accent)}

/* ═══════════════════════════════════════════════════════════
   CAPTURE EMAIL (.lead-box)
   Duplication assumée de css/home.css : cette page ne charge pas
   la feuille de la page d'accueil. Si vous modifiez le style du
   bloc, pensez aux deux fichiers.
   ═══════════════════════════════════════════════════════════ */
.lead-box{
  text-align:left;
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:12px;
  padding:16px 16px 14px;
  margin:1.4rem 0 .4rem;
}
.lead-title{font-size:14.5px;font-weight:600;margin:0 0 4px;color:var(--ink)}
.lead-sub{font-size:12.5px;color:var(--ink2);line-height:1.55;margin:0 0 12px}
.lead-row{display:flex;gap:8px;flex-wrap:wrap}
.lead-row input[type=email]{
  flex:1 1 200px;min-width:0;
  /* 16px minimum : en dessous, iOS zoome automatiquement au focus */
  font-size:16px;padding:11px 12px;
  border:1.5px solid var(--border-strong);border-radius:8px;
  background:#fff;font-family:'Inter',sans-serif;
}
.lead-row input[type=email]:focus{outline:none;border-color:var(--accent)}
.lead-row button{
  flex:0 0 auto;
  background:var(--accent);color:#fff;border:none;border-radius:8px;
  padding:11px 18px;font-size:14px;font-weight:600;cursor:pointer;
  font-family:'Inter',sans-serif;
}
.lead-row button:disabled{opacity:.55;cursor:default}
.lead-consent{
  display:flex;align-items:flex-start;gap:8px;
  margin-top:10px;font-size:11.5px;color:var(--ink3);line-height:1.5;cursor:pointer;
}
.lead-consent input{margin-top:2px;flex:0 0 auto}
.lead-consent a{color:var(--accent)}
/* Honeypot : hors écran plutôt que display:none, que certains robots détectent */
.lead-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.lead-msg{font-size:12.5px;margin:10px 0 0;line-height:1.5;display:none}
.lead-msg.ok{display:block;color:#1a7f5a;font-weight:600}
.lead-msg.err{display:block;color:#c0392b}
@media(max-width:480px){
  .lead-row button{flex:1 1 100%}
}
.lead-relaunch{
  margin-top:10px;background:none;border:none;
  color:var(--accent);font-size:12.5px;cursor:pointer;
  text-decoration:underline;padding:2px 0;font-family:'Inter',sans-serif;
}