/* Forms that replaced the Jetpack ones. Colors inherit, so they suit the dark contact card and the footer. */
.merqio-form { display: grid; gap: 14px; font: inherit; color: inherit; }
.merqio-form label { display: grid; gap: 6px; font-size: 0.9rem; font-weight: 600; }
.merqio-form label > span { display: block; }
.merqio-form label b { opacity: 0.6; font-weight: 400; }
.merqio-form input, .merqio-form textarea {
  font: inherit; color: inherit; width: 100%; box-sizing: border-box;
  background: color-mix(in srgb, currentColor 6%, transparent);
  border: 1px solid color-mix(in srgb, currentColor 22%, transparent);
  border-radius: 12px; padding: 12px 14px;
}
.merqio-form input:focus, .merqio-form textarea:focus { outline: 2px solid #7c5cff; outline-offset: 1px; border-color: transparent; }
.merqio-form button {
  justify-self: start; font: inherit; font-weight: 700; font-size: 0.95rem; cursor: pointer;
  background: #7c5cff; color: #fff; border: 0; border-radius: 100px; padding: 14px 28px;
  box-shadow: 0 8px 30px rgba(124, 92, 255, 0.35);
}
.merqio-form button[disabled] { opacity: 0.6; cursor: progress; }
.merqio-form--inline { grid-template-columns: 1fr auto; align-items: center; }
.merqio-form--inline button { padding: 12px 18px; box-shadow: none; }
.merqio-form--inline .merqio-form-status { grid-column: 1 / -1; }
.merqio-form-status { margin: 0; font-size: 0.9rem; min-height: 1em; }
.merqio-form-status[data-kind="error"] { color: #f87171; }
.merqio-hp, .merqio-sr { position: absolute !important; left: -10000px !important; width: 1px; height: 1px; overflow: hidden; }