/**
 * Registration form.
 */

/*
 * The username field is hidden on signup only - it is generated from the
 * member's first name (see includes/registration.php for why). The field
 * itself stays in the DOM and stays in place on the profile edit screen,
 * where changing it is exactly what people want.
 */
.register-page .editfield.field_public-username,
#signup-form .editfield.field_public-username {
	display: none !important;
}

/* The "did you mean" line. A suggestion, so it looks like one. */
.ap-email-suggest {
	margin: 0.4rem 0 0;
	font-size: 0.8125rem;
	color: #6b6b6b;
}

.ap-email-suggest[hidden] {
	display: none;
}

.ap-email-suggest__fix {
	padding: 0;
	border: 0;
	background: none;
	font: inherit;
	font-weight: 600;
	color: #43b02a;
	text-decoration: underline;
	cursor: pointer;
}

.ap-email-suggest__fix:hover {
	color: #379123;
}


/* ---- TWO STEPS ----

   Email first, then who you are. See assets/js/registration-steps.js for why.

   Everything here is scoped to markup the script creates, so if the script
   bails - which it does at the first missing piece - none of this applies and
   the form looks exactly as it did. */

.ap-signup-progress {
  margin: 0 0 1.25rem;
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--bb-alternate-text-color, #6f7681);
}

.ap-signup-step[hidden] {
  display: none;
}

.ap-signup-next {
  /* DELIBERATELY almost unstyled. The theme already gives every button on this
     form its outline-pill look, which is the house style Jeremy designed - so
     Continue matches Create Account exactly, and the two steps look like one
     form rather than two.

     An earlier version set a green fill here and the theme simply overrode it,
     which is worse than not trying: the stylesheet then claims something that
     is not happening. Only the italic face is corrected, because that one is a
     bug rather than a choice. */
  margin: 0.5rem 0 0;
  font-family: inherit !important;
  font-style: normal !important;
  cursor: pointer;
}

.ap-signup-back {
  /* `!important` throughout, because the theme styles every <button> as a
     green pill with padding, a border and a box-shadow - and a "Back" link
     rendered as a second big button competes with the one that finishes the
     job. Same trap as the Momentum calendar and the checkout. */
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0.875rem auto 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: none !important;
  color: var(--bb-alternate-text-color, #6f7681) !important;
  font-family: inherit !important;
  font-style: normal !important;
  font-size: 0.875rem !important;
  font-weight: 400 !important;
  text-decoration: underline;
  cursor: pointer;
}


.ap-signup-error {
  margin: 0 0 1rem;
  padding: 0.75rem 1rem;
  border-left: 3px solid #c8383c;
  background: rgba( 200, 56, 60, 0.07 );
  border-radius: 6px;
  font-size: 0.9375rem;
  line-height: 1.5;
}

.ap-signup-error[hidden] {
  display: none;
}

.ap-signup-error a {
  font-weight: 600;
  text-decoration: underline;
}

/* ---- THE EMAIL CONSENT CHECKBOX ---- 2026-09-03

   Sits directly above Create Account, unticked, and is the only thing on this
   form that is genuinely optional - so it is set quieter than the fields above
   it and given room of its own rather than being crowded against the button.

   THE REAL CHECKBOX IS ASKED FOR EXPLICITLY. The theme hides checkboxes in
   several forms and redraws them from a sibling <span>; there is no span in
   this markup, so without this the control would be invisible and the sentence
   would have nothing to tick - which is exactly the bug that shipped on the
   checkout's save-card box. */

.ap-consent {
	margin: 1.5rem 0 0.25rem;
}

.ap-consent__label {
	display: flex;
	gap: 0.625rem;
	align-items: flex-start;
	margin: 0;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.5;
	color: var(--bb-alternate-text-color, #5a6370);
	cursor: pointer;
}

.ap-consent__label input[type="checkbox"] {
	position: static !important;
	opacity: 1 !important;
	appearance: checkbox !important;
	-webkit-appearance: checkbox !important;
	flex: 0 0 auto !important;
	width: 1rem !important;
	height: 1rem !important;
	min-width: 1rem !important;
	margin: 0.15rem 0 0 !important;
	accent-color: var(--bb-primary-color, #50c450);
}

/* deploy-marker: v415 */