/* Yarn Bender Contact Form — theme-inheriting styles
   Minimal styling: lean on your theme + WordPress preset variables. */

.yarnbender-contact-form {
  font: inherit;
  color: inherit;
  max-width: var(--wp--style--global--content-size, 680px);
}

.yarnbender-contact-form .yb-cf-field { margin: 0 0 1rem 0; }
.yarnbender-contact-form .yb-cf-label { font: inherit; font-weight: 600; }

.yarnbender-contact-form .yb-cf-input,
.yarnbender-contact-form .yb-cf-textarea{
  width: 100%;
  max-width: 100%;
  font: inherit;
  color: inherit;

  background: var(--wp--preset--color--base, #fff);
  border: 1px solid var(--wp--preset--color--contrast-3, rgba(0,0,0,.18));
  border-radius: var(--wp--custom--border-radius, 12px);

  padding: .75rem .9rem;
  box-sizing: border-box;
  outline: none;
}

.yarnbender-contact-form .yb-cf-textarea { min-height: 140px; resize: vertical; }

.yarnbender-contact-form .yb-cf-input:focus,
.yarnbender-contact-form .yb-cf-textarea:focus{
  border-color: var(--wp--preset--color--primary, currentColor);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--wp--preset--color--primary, #000) 18%, transparent);
}

.yarnbender-contact-form .yb-cf-actions { margin-top: .5rem; }

/* Honeypot hidden field (kept accessible to bots, hidden visually) */
.yarnbender-contact-form .yb-cf-hp {
  position: absolute !important;
  left: -10000px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

/* Messages */
.yarnbender-contact-form .yb-cf-msg{
  padding: .75rem .9rem;
  border-radius: var(--wp--custom--border-radius, 12px);
  margin: 0 0 1rem 0;
}

.yarnbender-contact-form .yb-cf-ok{
  background: color-mix(in srgb, #22c55e 14%, transparent);
  border: 1px solid color-mix(in srgb, #22c55e 35%, transparent);
}

.yarnbender-contact-form .yb-cf-err{
  background: color-mix(in srgb, #ef4444 12%, transparent);
  border: 1px solid color-mix(in srgb, #ef4444 35%, transparent);
}