/* Capture e-mail — §6.19.
   Fichier séparé et NON un <style> en ligne : WP Rocket (Remove Unused CSS) supprime les
   blocs inline qu'il ne voit pas utilisés, ce qui rendait l'encart non positionné (mesuré
   le 27/07 : position static, largeur 1200px). Ce chemin est ajouté à la safelist RUCSS,
   comme l'est déjà betheme-child/style.css. */

.mm-nl{position:fixed;left:0;right:0;bottom:0;z-index:9998;padding:0 12px 12px;pointer-events:none}
.mm-nl.is-open{pointer-events:auto}
.mm-nl-box{max-width:520px;margin:0 auto;background:#fffdf7;border:1px solid #e3ded0;border-radius:14px;
  box-shadow:0 8px 30px rgba(0,0,0,.13);padding:18px 20px 14px;position:relative;
  transform:translateY(120%);transition:transform .35s cubic-bezier(.22,.8,.3,1)}
.mm-nl.is-open .mm-nl-box{transform:translateY(0)}
.mm-nl-x{position:absolute;top:6px;right:8px;background:none;border:0;font-size:24px;line-height:1;
  color:#8a8574;cursor:pointer;padding:4px 8px;min-width:44px;min-height:44px}
.mm-nl-title{margin:0 0 4px;font-size:17px;font-weight:700;color:#005958}
.mm-nl-sub{margin:0 0 12px;font-size:13.5px;line-height:1.45;color:#5b5648}
.mm-nl-form{display:flex;gap:8px;flex-wrap:wrap}
.mm-nl-form input{flex:1 1 200px;min-width:0;padding:11px 13px;border:1px solid #d8d2c2;border-radius:9px;
  font-size:16px;background:#fff;color:#2f2c24}
.mm-nl-form input:focus{outline:2px solid #005958;outline-offset:1px}
.mm-nl-go{flex:0 0 auto;padding:11px 18px;border:0;border-radius:9px;background:#005958;color:#fff;
  font-size:15px;font-weight:600;cursor:pointer;min-height:44px}
.mm-nl-go:hover{background:#00726f}
.mm-nl-go[disabled]{opacity:.7;cursor:default}
.mm-nl-msg{margin:10px 0 0;font-size:14px;color:#005958;font-weight:600;display:none}
.mm-nl-msg.is-on{display:block}
.mm-nl-code{display:inline-block;margin-top:4px;padding:6px 12px;border:1px dashed #005958;border-radius:8px;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:16px;letter-spacing:.5px;background:#fff}
.mm-nl-legal{margin:8px 0 0;font-size:11.5px;color:#8a8574}

@media (min-width:768px){
  .mm-nl{left:auto;right:20px;bottom:20px;padding:0;max-width:400px}
  .mm-nl-box{margin:0}
}
@media (prefers-reduced-motion:reduce){
  .mm-nl-box{transition:none}
}

/* Formulaire du pied de page (remplace Contact Form 7 #76).
   Reprend l'allure du formulaire précédent — champ blanc, bouton beige — pour que le
   pied de page ne change pas d'aspect : seul le mécanisme derrière change. */
.mm-nlf{margin:0}
.mm-nlf-row{display:flex;gap:10px;flex-wrap:wrap;align-items:stretch}

/* Sélecteurs volontairement longs. BeTheme déclare
   `input[type="email"]{width:230px;display:block;margin:0 0 20px}` à spécificité égale à
   la nôtre, et sa feuille est chargée après : à égalité, c'est lui qui gagnait — champ en
   pleine largeur, bouton rejeté dessous. On passe devant par la spécificité plutôt que par
   `!important`, qui rendrait la surcharge impossible à ajuster ensuite. */
.mm-nlf .mm-nlf-row input[type="email"]{flex:1 1 140px;width:auto;min-width:0;margin:0;
  padding:12px 14px;border:1px solid #cfc7b6;border-radius:6px;
  font-size:16px;background:#fff;color:#2f2c24;line-height:1.2}
.mm-nlf .mm-nlf-row input[type="email"]:focus{outline:2px solid #cbbba2;outline-offset:2px}
.mm-nlf .mm-nlf-go{flex:0 0 auto;padding:12px 22px;border:0;border-radius:6px;
  background:#cdbca4;color:#0b4a48;font-size:15px;font-weight:600;cursor:pointer;
  min-height:46px;letter-spacing:.2px;margin:0;white-space:nowrap}
.mm-nlf .mm-nlf-go:hover{background:#dccbb3}
.mm-nlf .mm-nlf-go[disabled]{opacity:.7;cursor:default}
.mm-nlf-msg{margin:10px 0 0;font-size:14px;font-weight:600;color:#f3ece0;display:none}
.mm-nlf-msg.is-on{display:block}
.mm-nlf-msg.is-err{color:#ffd9c9}
.mm-nlf-code{display:inline-block;margin-top:6px;padding:5px 11px;border:1px dashed #cdbca4;border-radius:6px;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;letter-spacing:.5px;color:#fff}
.mm-nlf-legal{margin:8px 0 0;font-size:11.5px;line-height:1.45;color:#bfd3d0}