/* contact.css — the consent checkbox, the Turnstile slot and the error state
   of the theme's own feedback element. Everything else on the form is styled by
   the Pixieset theme and is deliberately left alone. */

.mrx-consent {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  margin: 0.25rem 0 1.25rem;
  text-align: left;
  color: #101010;
}

/* 44x44 tap target without changing the visual size of the box, matching the
   approach used throughout layout.css. */
.mrx-consent input[type="checkbox"] {
  position: relative;
  flex: 0 0 auto;
  width: 1rem;
  height: 1rem;
  margin-top: 0.15rem;
  accent-color: #101010;
  cursor: pointer;
}
.mrx-consent input[type="checkbox"]::after {
  content: "";
  position: absolute;
  inset: -14px;
}

.mrx-consent label {
  font-size: 0.8125rem;
  line-height: 1.5;
  cursor: pointer;
}
.mrx-consent a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

.mrx-consent__error {
  margin: -0.75rem 0 1rem;
  font-size: 0.8125rem;
  color: #b3261e;
  text-align: left;
}
.mrx-consent__error.hidden {
  display: none;
}

.mrx-turnstile-wrap {
  display: flex;
  justify-content: center;
  margin: 0 0 1.25rem;
}
/* Turnstile renders an iframe of its own size; just stop it overflowing on
   narrow phones. */
.mrx-turnstile {
  max-width: 100%;
}

/* The theme's feedback element only ever expected a success message. */
.fb-element-type-contact-form__feedback-message.mrx-feedback--error {
  color: #b3261e;
}

/* Disabled submit while a send is in flight. */
.fb-element-type-contact-form__submit[aria-busy="true"] {
  opacity: 0.55;
  pointer-events: none;
}