/* ============================================================
   Nieuwsbrief — Campaign Monitor formulier in Curiositeas-stijl.
   Zelfde pil, zelfde knop, zelfde kleuren als het oude inschrijfveld.
   ============================================================ */

.tea-cm{
  display:flex;align-items:center;gap:8px;
  background:var(--cream);padding:8px;border-radius:100px;
  max-width:620px;margin:0 auto;
}
.tea-cm__fields{display:flex;align-items:center;flex:1;min-width:0}
.tea-cm__field{display:flex;align-items:center;flex:1;min-width:0}
.tea-cm__field + .tea-cm__field{border-left:1px solid rgba(11,11,11,.12)}

.tea-cm input[type="text"],
.tea-cm input[type="email"]{
  flex:1;width:100%;min-width:0;
  border:none;background:transparent;border-radius:100px;
  padding:14px 22px;
  font-family:var(--sans);font-size:15px;color:var(--ink);
  outline:none;box-shadow:none;-webkit-appearance:none;appearance:none;
}
.tea-cm input[type="text"]::placeholder,
.tea-cm input[type="email"]::placeholder{color:var(--muted);opacity:1}
.tea-cm input[type="text"]:focus,
.tea-cm input[type="email"]:focus{outline:none;box-shadow:none}
.tea-cm input[type="email"]:not(:placeholder-shown):invalid{color:var(--berry)}

.tea-cm button[type="submit"]{flex:0 0 auto;white-space:nowrap}

/* Labels blijven staan voor schermlezers, maar zijn onzichtbaar. */
.tea-cm__lbl{
  position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;
}

@media(max-width:700px){
  .tea-cm{flex-direction:column;align-items:stretch;gap:6px;padding:10px;border-radius:28px;max-width:440px}
  .tea-cm__fields{flex-direction:column;align-items:stretch}
  .tea-cm__field + .tea-cm__field{border-left:0;border-top:1px solid rgba(11,11,11,.12)}
  .tea-cm input[type="text"],
  .tea-cm input[type="email"]{padding:14px 18px;border-radius:20px}
  .tea-cm button[type="submit"]{width:100%;justify-content:center}
}