/* MILA AURELLE · email capture module styles
   Drop-in: pair with email-capture.html + email-capture.js.
   Cozy-plum palette matches the affiliate bridge page; override the
   --mila-* custom properties to re-theme per property. */

.mila-email {
  --mila-ink: #1a1030;
  --mila-plum: #2b1848;
  --mila-blush: #f5c6d6;
  --mila-lav: #b79ad9;
  --mila-cream: #fbf7f2;
  --mila-muted: #8d7ba3;
  background: linear-gradient(160deg, var(--mila-plum), #3d2340);
  border-radius: 16px;
  padding: 28px 24px;
  color: #fff;
  text-align: center;
  max-width: 640px;
  margin: 0 auto;
}

.mila-email__kicker {
  font-size: 12px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--mila-blush);
  margin: 0 0 8px;
}

.mila-email__title {
  font-size: 30px;
  line-height: 1.15;
  margin: 0 0 10px;
  color: #fff;
}
.mila-email__title em { font-style: italic; color: var(--mila-blush); }

.mila-email__lede { font-size: 15px; color: #d8cfe8; margin: 0 0 18px; }

.mila-email__form { display: flex; flex-direction: column; gap: 10px; }

.mila-email__input {
  padding: 14px 16px;
  border-radius: 10px;
  border: 2px solid transparent;
  font-size: 15px;
  width: 100%;
  box-sizing: border-box;
}
.mila-email__input:focus { outline: none; border-color: var(--mila-blush); }
.mila-email__input--error { border-color: #ff8f8f; }

.mila-email__btn {
  padding: 14px;
  border-radius: 10px;
  border: none;
  background: var(--mila-blush);
  color: var(--mila-ink);
  font-weight: 800;
  font-size: 15px;
  cursor: pointer;
  transition: transform 0.15s ease, opacity 0.15s ease;
}
.mila-email__btn:hover { transform: translateY(-1px); }
.mila-email__btn:disabled { opacity: 0.6; cursor: wait; transform: none; }

.mila-email__msg { min-height: 20px; font-size: 14px; margin: 4px 0 0; }
.mila-email__msg--ok { color: #b8f0c8; }
.mila-email__msg--warn { color: #ffd9a0; }
.mila-email__msg--err { color: #ff9d9d; }

.mila-email__fine { font-size: 12px; color: #a99bc0; margin: 14px 0 0; }

/* accessibility + anti-spam helpers */
.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.mila-email__honeypot {
  position: absolute !important; left: -9999px; width: 1px; height: 1px;
  opacity: 0; pointer-events: none;
}