/* LaJDYCH Companion — front-end styles.
   Reuses the theme's CSS variables when the LaJDYCH Terminal theme is active,
   with sane fallbacks so the shortcode still looks right elsewhere. */

.lj-news,
.lj-news-card,
.lj-confirm-banner{
  --lj-cyan:var(--cyan,#3fe0d0);
  --lj-violet:var(--violet,#a78bfa);
  --lj-amber:var(--amber,#ffcf5c);
  --lj-pink:var(--pink,#ff6b9d);
  --lj-green:var(--green,#5ad19a);
  --lj-surface:var(--surface,#131a30);
  --lj-surface2:var(--surface2,#182140);
  --lj-line:var(--line,#243154);
  --lj-text:var(--text,#e7ecfb);
  --lj-muted:var(--muted,#8b97b8);
  --lj-bg:var(--bg,#0b1020);
  --lj-mono:var(--f-mono,"JetBrains Mono",ui-monospace,monospace);
  --lj-display:var(--f-display,"Space Grotesk",system-ui,sans-serif);
}

/* ---------- Newsletter form ---------- */
.lj-news{display:flex;gap:10px;flex-wrap:wrap;width:100%;font-family:var(--lj-mono);align-items:center}
.lj-news input[type=email]{flex:1;min-width:240px;padding:13px 16px;border-radius:10px;border:1px solid var(--lj-line);
  background:var(--lj-bg);color:var(--lj-text);font-family:inherit;font-size:.86rem}
.lj-news input[type=email]:focus{outline:2px solid var(--lj-cyan);outline-offset:1px;border-color:var(--lj-cyan)}
.lj-news .lj-btn{padding:13px 22px;border:none;border-radius:10px;background:var(--lj-cyan);color:#07121f;
  font-family:var(--lj-mono);font-weight:700;font-size:.86rem;cursor:pointer;transition:transform .16s,box-shadow .16s}
.lj-news .lj-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 26px -10px var(--lj-cyan)}
.lj-news .lj-btn:disabled{opacity:.6;cursor:progress}
.lj-news-msg{flex-basis:100%;margin:2px 0 0;font-family:var(--lj-mono);font-size:.8rem;min-height:1em}
.lj-news-msg.ok{color:var(--lj-green)}
.lj-news-msg.error{color:var(--lj-pink)}

.lj-news-card{border:1px solid var(--lj-line);border-radius:16px;
  background:linear-gradient(160deg,var(--lj-surface2),var(--lj-surface));padding:34px 32px}
.lj-news-card .lj-cmt{font-family:var(--lj-mono);font-size:.82rem;color:var(--lj-green);margin-bottom:10px}
.lj-news-card h3{font-family:var(--lj-display);font-size:1.5rem;margin:0 0 8px;font-weight:700;color:var(--lj-text)}
.lj-news-card p{color:var(--lj-muted);margin:0 0 20px;max-width:52ch}

/* ---------- Confirm banner ---------- */
.lj-confirm-banner{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:9999;
  background:var(--green,#5ad19a);color:#07121f;font-weight:700;padding:12px 22px;border-radius:10px;
  box-shadow:0 12px 30px -10px rgba(0,0,0,.5);font-family:var(--f-mono,monospace);font-size:.84rem}

@media(prefers-reduced-motion:reduce){
  .lj-news .lj-btn{transition:none}
}