/* Newsletter Blogistics 1.0.1 : s'appuie sur les variables et les boutons du thème Blogistics. */
.blgnl{position:relative;display:grid;gap:14px;min-width:0}
.blgnl .kicker{margin:0 0 4px}
.blgnl-titre{font-family:var(--display);font-weight:700;color:var(--encre);font-size:19px;line-height:1.2;letter-spacing:-.01em;margin:0;text-wrap:balance}
.blgnl-chapo{font-size:15px;color:var(--texte-doux);margin:6px 0 0;max-width:60ch}
.blgnl-form{display:grid;gap:10px;min-width:0;margin:0}
.blgnl-ligne{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.blgnl input[type=email],.blgnl select{font:inherit;font-size:16px;line-height:1.3;min-height:44px;padding:9px 12px;border:1px solid var(--trait-fort);border-radius:var(--r);background:var(--fond);color:var(--texte);min-width:0}
.blgnl input[type=email]{flex:1 1 220px}
.blgnl select{flex:0 1 250px;color:var(--texte-doux);padding-right:30px}
.blgnl input[type=email]:focus,.blgnl select:focus{outline:2px solid var(--rouge);outline-offset:1px;border-color:var(--rouge)}
.blgnl .btn{min-height:44px;padding:0 18px;justify-content:center;font-size:14px;border:0}
.blgnl .btn[disabled]{opacity:.65;cursor:wait;transform:none;box-shadow:none}
.blgnl-accord{display:flex;gap:8px;align-items:flex-start;font-size:13px;line-height:1.45;color:var(--texte-doux);cursor:pointer}
.blgnl-accord input{margin:2px 0 0;width:16px;height:16px;flex:none;accent-color:var(--rouge)}
.blgnl-accord a{color:var(--acier);text-decoration:underline}
.blgnl-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.blgnl-msg{margin:0;font-size:14px;line-height:1.45}
.blgnl-msg:empty{display:none}
.blgnl-msg.ok{color:var(--vert);font-weight:600}
.blgnl-msg.ko{color:var(--rouge-fonce)}
.blgnl.est-ok .blgnl-ligne,.blgnl.est-ok .blgnl-accord,.blgnl.est-ok .blgnl-ts{display:none}
.blgnl-ts{min-height:0}

/* Fin d'article et shortcode : même gabarit que l'encart conseil, accent acier pour ne pas lui faire concurrence. */
.blgnl--article,.blgnl--encart{background:var(--fond-doux);border-top:3px solid var(--acier);border-radius:0 0 var(--r) var(--r);padding:20px;max-width:760px}
.blgnl--article{margin-top:28px}
.blgnl--article .kicker,.blgnl--encart .kicker{color:var(--acier)}

/* Colonne latérale : compact, champs pleine largeur. */
.blgnl--colonne{border:1px solid var(--trait);border-top:3px solid var(--acier);border-radius:0 0 var(--r) var(--r);padding:18px;background:var(--fond);gap:12px}
.blgnl--colonne .kicker{color:var(--acier)}
.blgnl--colonne .blgnl-titre{font-size:16px}
.blgnl--colonne .blgnl-ligne{flex-direction:column}
.blgnl--colonne input[type=email],.blgnl--colonne .btn{flex:none;width:100%}
.blgnl--colonne .blgnl-accord{font-size:12.5px}

/* Pied de page : bandeau sur le fond ardoise, au-dessus des colonnes. */
.blg-pied .blgnl-bande{border-bottom:1px solid #2f3440}
.blg-pied .blgnl-bande .wrap{display:block;padding-block:30px;grid-template-columns:none}
.blgnl--pied{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:16px 40px;align-items:center}
.blgnl--pied .kicker{color:#ff7a7a}
.blgnl--pied .blgnl-titre{color:#fff;font-size:21px}
.blgnl--pied .blgnl-chapo{color:#aeb4bf;font-size:14.5px}
.blgnl--pied input[type=email],.blgnl--pied select{background:#232832;border-color:#3a404c;color:#fff}
.blgnl--pied input[type=email]::placeholder{color:#8a919c}
.blgnl--pied select{color:#c5cad3}
.blgnl--pied select option{background:#fff;color:var(--texte)}
.blgnl--pied input[type=email]:focus,.blgnl--pied select:focus{outline-color:#ff7a7a;border-color:#ff7a7a}
.blgnl--pied .blgnl-accord{color:#aeb4bf}
.blgnl--pied .blgnl-accord a{color:#c5cad3}
.blgnl--pied .blgnl-accord a:hover{color:#fff}
.blgnl--pied .blgnl-msg.ok{color:#7fd69a}
.blgnl--pied .blgnl-msg.ko{color:#ff9a9a}

/* Mode test : visible des seuls administrateurs. */
.blgnl--test{outline:2px dashed var(--rouge);outline-offset:6px}
.blgnl-apercu{grid-column:1/-1;margin:0;font-size:12px;font-family:var(--display);font-weight:600;color:var(--rouge)}
.blgnl--pied .blgnl-apercu{color:#ff7a7a}

@media (max-width:860px){
  .blgnl--pied{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
  .blgnl-ligne{flex-direction:column}
  .blgnl input[type=email],.blgnl select,.blgnl .btn{flex:none;width:100%}
  .blgnl--article,.blgnl--encart{padding:18px 16px}
}
@media print{.blgnl,.blgnl-bande{display:none!important}}