.glbz-bis {
	margin: 1.5em 0;
	padding: 1.25em 1.5em;
	border: 1px solid #e3e3e3;
	border-radius: 8px;
	background: #fafafa;
}

.glbz-bis-heading {
	margin: 0 0 .35em;
	font-size: 1.05em;
}

.glbz-bis-intro {
	margin: 0 0 1em;
	color: #555;
	font-size: .9em;
}

.glbz-bis-row {
	display: flex;
	gap: .5em;
	flex-wrap: wrap;
}

.glbz-bis-email {
	flex: 1 1 200px;
	min-width: 0;
	padding: .6em .75em;
	border: 1px solid #ccc;
	border-radius: 4px;
}

/* Keep the row inputs flush with the button. Themes commonly add a bottom
   margin to every form field, which breaks the flex alignment. */
.glbz-bis .glbz-bis-row > input {
	margin-bottom: 0 !important;
	height: 40px;
}

.glbz-bis-submit {
	white-space: nowrap;
}

/* Honeypot: hidden from humans, present for bots. */
.glbz-bis-hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.glbz-bis-consent {
	margin: .75em 0 0;
	font-size: .78em;
	color: #888;
}

.glbz-bis-message {
	margin-top: .75em;
	font-size: .9em;
	min-height: 1.2em;
}

.glbz-bis-message.is-success {
	color: #1a7f37;
	font-weight: 600;
}

.glbz-bis-message.is-error {
	color: #c0392b;
}

/* Relocated by the CSS-selector fallback: make sure it is a block. */
.glbz-bis[data-variable="0"] {
	display: block;
}