/* wt-magnet — blocul de captare de email de pe aplicații și articole.
   Folosește tokenii din wt-system.css, deci urmează tema fără reglaje. */
.wt-magnet { margin-block: clamp(2rem, 4vw, 3rem); }
.wt-magnet-card {
  position: relative; overflow: hidden;
  background: var(--surface, #14121f);
  border: 1px solid var(--border, rgba(124,58,237,.22));
  border-radius: var(--r-xl, 20px);
  padding: clamp(1.5rem, 3.5vw, 2.5rem);
  box-shadow: var(--shadow-card, 0 8px 32px rgba(0,0,0,.28));
}
.wt-magnet-eyebrow {
  display: inline-flex; align-items: center; gap: .45rem;
  font-size: .75rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
  color: var(--purple-light, #c4b5fd); margin-bottom: .6rem;
}
.wt-magnet-eyebrow svg { width: 15px; height: 15px; flex: none; }
.wt-magnet h2 { margin: 0 0 .5rem; font-size: clamp(1.15rem, 2.4vw, 1.5rem); line-height: 1.25; color: var(--text, #e9e7f5); }
.wt-magnet p.wt-magnet-sub { margin: 0 0 1.15rem; color: var(--text-dim, #c9c5dd); font-size: .95rem; line-height: 1.65; max-width: 56ch; }
.wt-magnet-row { display: flex; flex-wrap: wrap; gap: .6rem; margin-bottom: .9rem; }
.wt-magnet-row input[type="email"] {
  flex: 1 1 240px; min-width: 0;
  background: var(--surface-2, rgba(255,255,255,.05));
  border: 1px solid var(--border, rgba(124,58,237,.25));
  border-radius: var(--r-sm, 10px);
  padding: .8rem .95rem; font: inherit; font-size: .95rem;
  color: var(--text, #e9e7f5);
}
.wt-magnet-row input[type="email"]::placeholder { color: var(--text-dimmer, #9a93bd); }
.wt-magnet-row input[type="email"]:focus-visible { outline: 2px solid var(--purple, #7c3aed); outline-offset: 1px; }
.wt-magnet-row button { flex: 0 0 auto; }
.wt-magnet-check { display: flex; align-items: flex-start; gap: .6rem; margin-bottom: .55rem; font-size: .82rem; line-height: 1.55; color: var(--text-dim, #c9c5dd); cursor: pointer; }
.wt-magnet-check input { margin-top: .18rem; flex: none; width: 15px; height: 15px; accent-color: var(--purple, #7c3aed); cursor: pointer; }
.wt-magnet-check a { color: var(--purple-light, #c4b5fd); }
.wt-magnet-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.wt-magnet-msg { margin: .9rem 0 0; font-size: .88rem; line-height: 1.6; }
.wt-magnet-msg.is-ok { color: var(--lime-text, #a3e635); }
.wt-magnet-msg.is-err { color: var(--red, #f87171); }
/* După trimitere ascundem doar câmpurile: mesajul de confirmare trebuie să rămână
   vizibil, altfel omul nu află că trebuie să confirme din email. */
.wt-magnet[data-state="done"] .wt-magnet-row,
.wt-magnet[data-state="done"] .wt-magnet-check { display: none; }
.wt-magnet[data-state="done"] .wt-magnet-msg {
  margin: 0; padding: .95rem 1.1rem;
  background: var(--surface-2, rgba(255,255,255,.05));
  border: 1px solid var(--lime-text, #a3e635);
  border-radius: var(--r-sm, 10px);
}
@media (max-width: 520px) { .wt-magnet-row button { width: 100%; } }