/* Sign-up block — shared by the frontend and the editor preview, so the block
   looks the same in both. Editor-only overrides live in editor.css. */

.fmk-signup__intro {
	color: var(--fmk-text-muted, #666);
}

.fmk-signup__row {
	margin-bottom: 0.75rem;
}

.fmk-signup__row input {
	width: 100%;
	padding: 0.625rem 0.75rem;
	border: 1px solid var(--fmk-border, #e0e0e0);
	border-radius: var(--fmk-radius-sm, 0.5rem);
	background: #fff;
	font-size: 1rem;
	line-height: 1.3;
	box-sizing: border-box;
}

.fmk-signup__row-group {
	display: flex;
	gap: 0.75rem;
}

.fmk-signup__row-group .fmk-signup__row {
	flex: 1;
	min-width: 0;
}

.fmk-signup__as {
	margin-bottom: 0.75rem;
	padding: 0.625rem 0.75rem;
	border-radius: var(--fmk-radius-sm, 0.5rem);
	background: var(--fmk-bg-light, #f8f9fa);
	font-size: 0.9375rem;
}

.fmk-signup__consent {
	margin-top: 1rem;
	color: var(--fmk-text-muted, #666);
	font-size: 0.8125rem;
	line-height: 1.4;
}

.fmk-signup__success-message {
	margin: 0;
}

@media (max-width: 480px) {

	.fmk-signup__row-group {
		display: block;
	}
}

.fmk-signup__optin {
	display: flex;
	align-items: flex-start;
	gap: 0.5em;

	/* Space on both sides now it sits between the last field and the submit;
	   it used to be the last thing in the form and needed none below. */
	margin: 1.25rem 0;
	font-size: 0.875rem;
	line-height: 1.4;
}

.fmk-signup__optin input {
	margin-top: 0.15em;
	flex: none;
}

/* Page content an author has marked as belonging to the pitch rather than to
   the outcome — the event description above the form, not the date and
   directions beside it. Hidden from the moment somebody asks to join, wherever
   on the page it sits: `:has()` reads backwards up the document, which a
   `the_content` rewrite cannot. */
body:has(.fmk-signup--awaiting, .fmk-signup--signed) .fmk-hide-on-signup {
	display: none;
}

/* The mirror: page content that belongs to the outcome rather than the pitch —
   an add-to-calendar link, what happens next — kept off the page until somebody
   asks to join. Presentation only, exactly like its opposite: the markup is
   served to everybody and merely goes undrawn, so nothing that must actually be
   withheld belongs here. Use the block's own gate for that.

   `[data-campaign-id]` narrows this to a rendered form. The editor's canvas has
   no sign-up state to read, so without it the author would be hiding the block
   from themselves the moment they typed the class. */
body:has(.fmk-signup[data-campaign-id]):not(:has(.fmk-signup--awaiting, .fmk-signup--signed)) .fmk-show-on-signup {
	display: none;
}