/* Altersabfrage bei den Schnellkauf-Knöpfen. */
.bf-agecheck-express {
	margin: 1rem 0 0.75rem;
	max-width: 22rem;
}

.bf-agecheck-express label {
	display: block;
	margin: 0 0 0.35rem;
	font-size: 0.85em;
	line-height: 1.4;
}

.bf-agecheck-express input[type="date"] {
	width: 100%;
	padding: 0.45rem 0.55rem;
	font-size: 1em;
}

.bf-agecheck-express-note {
	margin: 0.45rem 0 0;
	font-size: 0.85em;
	line-height: 1.4;
}

.bf-agecheck-express-note:empty {
	margin: 0;
}

/* An der Kasse steht der Hinweis direkt über den Schnellkauf-Knöpfen. */
.bf-agecheck-checkout-note {
	margin: 0 0 0.6rem;
}

.bf-agecheck-checkout-note:empty {
	margin: 0;
}

.bf-agecheck-express-note.is-ok {
	color: #1e6b26;
}

.bf-agecheck-express-note.is-error {
	color: #b3261e;
}

/* Liegt das Alter vor, verschwindet die Abfrage. Jede Person sieht sie höchstens einmal. */
.bf-agecheck-express[data-state="confirmed"] label,
.bf-agecheck-express[data-state="confirmed"] input {
	display: none;
}

/*
 * Gesperrte Knöpfe. Die Knöpfe der Zahlungsplugins sind oft iframes einer fremden
 * Herkunft, deren Klicks das eigene Skript nicht sieht. Die durchsichtige Fläche
 * darüber fängt den Klick ab, er landet auf dem Container und damit im Skript.
 */
.bf-agecheck-locked {
	position: relative;
	opacity: 0.55;
	transition: opacity 0.2s;
}

.bf-agecheck-locked::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2147483000;
	cursor: not-allowed;
}