/* ==========================================================================
 * forms.css — styles for inline form feedback, honeypot hiding, and social-link
 * [hidden] guards. Colors come from the site's palette tokens in
 * css/variables.css.
 * ========================================================================== */

/* ---- Hidden social / FAB links -----------------------------------------
 * js/social-links.js sets the `hidden` attribute on social links that have no
 * URL configured. The site sets an explicit `display` on these elements,
 * which would override the browser's built-in [hidden] rule — so guard it
 * here, matching the same [hidden] pattern the other components use. */
.footer__social[hidden],
.social-fab__link[hidden] {
  display: none;
}

/* ---- Inline form feedback message ------------------------------------------
 * Used by the whitelist modal messages (.wl-modal__msg). */
.form-msg {
  flex-basis: 100%;
  margin: 12px 0 0;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .02em;
  color: var(--text-muted);
}

.form-msg--success {
  color: var(--accent-cyan);
}

.form-msg--error {
  color: var(--accent-magenta);
}

/* ---- Honeypot field --------------------------------------------------------
 * Bot trap (input name="website") — currently used in the whitelist modal
 * step 3 (index.html). Hidden off-screen rather than with display:none,
 * because many simple bots skip fields they detect as display:none — an
 * off-screen field still looks fillable to them but stays invisible and
 * untabbable for humans. */
.hp-field {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}