/* Full-width captcha block; Submit always on the next row. */
.walltik-recaptcha-wrap {
	display: block !important;
	flex: 0 0 100% !important;
	flex-basis: 100% !important;
	width: 100% !important;
	max-width: 100% !important;
	clear: both;
	float: none !important;
	margin: 12px 0 16px;
	box-sizing: border-box;
	align-self: stretch;
}

.walltik-recaptcha-branding {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.45;
	opacity: 0.75;
	max-width: 36em;
}

.walltik-recaptcha-wrap--v2 {
	margin: 12px 0 16px;
}

/*
 * User Registration puts before_form_buttons INSIDE .ur-button-container (display:flex).
 * Stack captcha + button vertically when both are children of that flex box.
 */
.user-registration .ur-button-container:has(.walltik-recaptcha-wrap) {
	display: flex !important;
	flex-direction: column !important;
	flex-wrap: nowrap !important;
	align-items: flex-start !important;
	width: 100%;
	gap: 12px;
}

.user-registration .ur-button-container .walltik-recaptcha-wrap {
	order: 1;
	width: 100% !important;
	margin: 0 0 4px;
}

.user-registration .ur-button-container .ur-submit-button,
.user-registration .ur-button-container button[type="submit"] {
	order: 2;
	flex: 0 0 auto;
	width: max-content;
	clear: both;
}

/* When captcha is a sibling before the button container */
.user-registration form.register .walltik-recaptcha-wrap + .ur-button-container {
	clear: both;
	display: block;
	width: 100%;
	float: none;
	margin-top: 4px;
}