/* Kiki-Ena v2 · Newsletter (Double-Opt-in) – nur Zustände, Meldungen und die eigenen Bestätigungsseiten.
   Formular-Grundstil: v2-chrome.css (.ftr .news__…) bzw. v2-home.css (.news …). Funktion: inc/newsletter.php + v2-newsletter.js */

/* 1 · Meldung im Formular (aria-live) – Text immer AA: Erfolg in Kakao mit grünem Haken, Fehler in --error */
form[data-newsletter] .news__msg.is-ok,
form[data-newsletter] .news__msg.is-err{display:flex;align-items:flex-start;gap:8px;text-align:left}
form[data-newsletter] .news__msg.is-ok{color:var(--cocoa,#2E2320)}
form[data-newsletter] .news__msg.is-err{color:var(--error,#B3261E)}
form[data-newsletter] .news__msg.is-ok::before,
form[data-newsletter] .news__msg.is-err::before{content:"";flex:0 0 1.15em;width:1.15em;height:1.15em;margin-top:.12em;background:currentColor;
  -webkit-mask:var(--kv2-nl-ico) center/contain no-repeat;mask:var(--kv2-nl-ico) center/contain no-repeat}
form[data-newsletter] .news__msg.is-ok::before{background:var(--success,#2E7D5B);
  --kv2-nl-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
form[data-newsletter] .news__msg.is-err::before{
  --kv2-nl-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%23000' stroke-width='2.2'/%3E%3Cpath d='M12 7.5v5.5' stroke='%23000' stroke-width='2.4' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='16.6' r='1.4'/%3E%3C/svg%3E")}

/* 2 · Zustände */
form[data-newsletter][aria-busy="true"] [type="submit"],
form[data-newsletter] [type="submit"][disabled]{opacity:.75;cursor:progress}
form[data-newsletter] input[type="email"][aria-invalid="true"]{border-color:var(--error,#B3261E)}

/* 3 · Datenschutz-Hinweis aus kiki_v2_nl_form() */
.news__note{margin:10px 0 0;font-size:.82rem;line-height:1.5;color:var(--cocoa-70,#5F514C)}
.news__note a{color:inherit;text-decoration:underline;text-decoration-color:var(--rose,#E85D8A);text-underline-offset:2px}
.news__note a:hover{color:var(--rose-dark,#C73F6B)}

/* 4 · Rückmeldung ohne JS (Redirect mit ?nl=…) */
.kv2-nl-toast{position:fixed;z-index:10000;top:12px;left:50%;transform:translateX(-50%);width:min(calc(100vw - 2 * var(--gutter,16px)),34rem);
  display:flex;align-items:flex-start;gap:12px;padding:12px 6px 12px 14px;background:var(--white,#fff);color:var(--cocoa,#2E2320);
  border-radius:20px;box-shadow:var(--shadow,0 12px 32px rgba(199,63,107,.12))}
.kv2-nl-toast__ico{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--mint,#E3F3EC);color:var(--success,#2E7D5B)}
.kv2-nl-toast.is-err .kv2-nl-toast__ico{background:var(--blush,#FCE8EE);color:var(--error,#B3261E)}
.kv2-nl-toast__ico .ico{width:18px;height:18px}
.kv2-nl-toast__msg{flex:1 1 auto;margin:7px 0 0;font-size:.95rem;font-weight:600;line-height:1.45}
.kv2-nl-toast__x{flex:0 0 44px;width:44px;height:44px;margin:-4px 0;display:grid;place-items:center;border-radius:50%;color:var(--cocoa-70,#5F514C)}
.kv2-nl-toast__x:hover{background:var(--blush,#FCE8EE);color:var(--rose-dark,#C73F6B)}
.kv2-nl-toast__x:focus-visible{outline:3px solid var(--rose-dark,#C73F6B);outline-offset:2px}
.kv2-nl-toast__x .ico{width:18px;height:18px}
@media (prefers-reduced-motion:no-preference){
  .kv2-nl-toast{animation:kv2-nl-in .35s var(--ease,ease-out) both}
  @keyframes kv2-nl-in{from{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%,0)}}
}

/* 5 · Eigene Seiten (Danke / abgemeldet / Link abgelaufen) – Formular im Band */
.kv2-nl-main .kv2-band__after .news__form{flex:1 1 100%;width:100%;max-width:34rem;margin:4px auto 0;text-align:left}
.kv2-nl-main .news__row{display:flex;flex-wrap:wrap;gap:8px}
.kv2-nl-main .news__form input[type="email"]{flex:1 1 180px;min-width:0;height:52px;margin:0;padding:0 20px;border:2px solid var(--line,#F0DEE2);
  border-radius:var(--r-pill,999px);background:var(--white,#fff);color:var(--cocoa,#2E2320);font:inherit;font-size:1rem}
.kv2-nl-main .news__form input[type="email"]::placeholder{color:var(--cocoa-70,#5F514C);opacity:1}
.kv2-nl-main .news__form input[type="email"]:focus{border-color:var(--rose-dark,#C73F6B);outline:none}
.kv2-nl-main .news__form input[type="email"]:focus-visible{outline:3px solid var(--rose-dark,#C73F6B);outline-offset:2px}
.kv2-nl-main .news__btn{flex:0 0 auto;min-height:52px;padding:0 24px}
.kv2-nl-main .news__msg{margin:8px 0 0;font-size:.92rem;font-weight:600}
.kv2-nl-main .news__msg:empty{margin:0}
.kv2-nl-main .kv2-band--noimg .news__note{text-align:center}
.kv2-nl-main .kv2-band--noimg .news__msg.is-ok,.kv2-nl-main .kv2-band--noimg .news__msg.is-err{justify-content:center}