/* ==========================================================================
   Popup d'inscription à la newsletter — articles du blog uniquement.
   Test lancé le 17/09/2026. Balisage dans le gabarit (crm/api/blog_render.php),
   comportement dans /assets/js/nl-popup.js.
   Ordinateur : fenêtre centrée sur un voile léger.
   Téléphone : panneau en bas d'écran, sans voile — l'article reste lisible
   (Google pénalise les interstitiels qui masquent le contenu sur mobile).
   ========================================================================== */
.nlp{
  position:fixed;inset:0;z-index:150;
  display:flex;align-items:center;justify-content:center;padding:20px;
  background:rgba(12,12,18,.28);
  -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);
  opacity:0;transition:opacity .3s ease;
}
.nlp[hidden]{display:none}
.nlp.is-open{opacity:1}

.nlp__card{
  position:relative;width:100%;max-width:460px;
  background:#fff;border-radius:22px;padding:34px 30px 28px;
  box-shadow:0 30px 60px -24px rgba(17,17,26,.35);
  transform:translateY(14px);transition:transform .35s cubic-bezier(.22,.61,.36,1);
  font-family:Geist,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.nlp.is-open .nlp__card{transform:none}

.nlp__close{
  position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;
  border:0;background:transparent;color:#666;font-size:24px;line-height:1;cursor:pointer;
  transition:background .2s ease,color .2s ease;
}
.nlp__close:hover{background:#f6f8f9;color:#000}

.nlp__eyebrow{
  margin:0 0 10px;font-size:12px;font-weight:600;letter-spacing:.08em;
  text-transform:uppercase;color:#1e4af2;
}
.nlp__title{
  margin:0 0 10px;font-family:"DM Sans",sans-serif;font-weight:600;
  font-size:25px;line-height:1.2;letter-spacing:-.01em;color:#000;
}
.nlp__text{margin:0 0 10px;font-size:15px;line-height:1.55;color:#4d4e50}
.nlp__text--sub{margin-bottom:22px;color:#000;font-weight:500}
.nlp__label{font-size:13.5px;font-weight:600;color:#000;margin-bottom:-2px}

.nlp__form{display:flex;flex-direction:column;gap:10px}
.nlp__input{
  height:48px;padding:0 18px;border-radius:30px;border:1px solid #e2e3e7;
  font:inherit;font-size:15px;color:#000;background:#fff;outline:none;
  transition:border-color .2s ease,box-shadow .2s ease;
}
.nlp__input:focus{border-color:#1e4af2;box-shadow:0 0 0 3px rgba(30,74,242,.12)}
.nlp__btn{
  height:48px;border-radius:30px;border:0;background:#000;color:#fff;cursor:pointer;
  font:inherit;font-size:15px;font-weight:600;
  box-shadow:0 6px 16px -6px rgba(0,0,0,.45);transition:transform .25s ease,opacity .2s ease;
}
.nlp__btn:hover{transform:translateY(-1px)}
.nlp__btn:disabled{opacity:.55;cursor:default;transform:none}
.nlp__hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}

.nlp__note{margin:12px 0 0;font-size:12.5px;line-height:1.6;color:#8a8b90;text-align:center}
.nlp__note a{color:#8a8b90;text-decoration:underline;text-underline-offset:2px}
.nlp__note a:hover{color:#000}
.nlp__msg{margin:12px 0 0;font-size:14px;line-height:1.5}
.nlp__msg--ko{color:#d23b47}

.nlp__done{display:none;text-align:left}
.nlp.is-done .nlp__form,.nlp.is-done .nlp__note,.nlp.is-done .nlp__intro{display:none}
.nlp.is-done .nlp__done{display:block}
.nlp.is-done .nlp__msg{display:none}

@media (max-width:809px){
  .nlp{
    top:auto;align-items:flex-end;padding:0;
    background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;
    pointer-events:none;
  }
  .nlp__card{
    max-width:none;border-radius:22px 22px 0 0;padding:26px 20px calc(20px + env(safe-area-inset-bottom));
    box-shadow:0 -12px 40px -12px rgba(17,17,26,.28);pointer-events:auto;
    transform:translateY(100%);
  }
  .nlp__title{font-size:21px;padding-right:28px}
  .nlp__text{margin-bottom:8px;font-size:14px;line-height:1.5}
  .nlp__text--sub{margin-bottom:14px}
  .nlp__card{max-height:88vh;overflow-y:auto}
}

@media (prefers-reduced-motion:reduce){
  .nlp,.nlp__card{transition:none}
}
.nlp__done .nlp__text{margin-bottom:0}