/* Inherits the theme's form styling; only the essentials here. */
.lfg-guard {
	margin: 0 0 1em;
}

.lfg-consent label {
	display: flex;
	align-items: flex-start;
	gap: 0.5em;
	font-weight: normal;
	cursor: pointer;
}

.lfg-consent input[type="checkbox"] {
	flex: none;
	margin: 0.25em 0 0;
	width: 1.1em;
	height: 1.1em;
}

/* Honeypot: off-screen rather than display:none, which some bots skip. */
.lfg-hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* Send button looks disabled until the box is ticked. Pure CSS, so it
   can't be undone when Jetpack re-renders the button. */
form:has(input[name="lfg_consent"]:not(:checked)) button[type="submit"],
form:has(input[name="lfg_consent"]:not(:checked)) input[type="submit"] {
	opacity: 0.5;
	cursor: not-allowed;
}