/*
 * Optional: positions the widget as a floating card overlay when its wrapper block is given the
 * "sbb-hero-overlay" CSS class in the block editor (e.g. nested inside a theme's hero/cover block).
 * Ships with the plugin so it doesn't need to live in the theme's Customizer CSS - purely additive,
 * has no effect unless a block actually carries this class.
 */
.sbb-hero-overlay {
	position: absolute;
	left: 50%;
	bottom: 30px;
	transform: translateX(-50%);
	z-index: 5;
	width: 92%;
	max-width: 900px;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
	padding: 24px;
}

/* Auf schmalen Bildschirmen als normaler Abschnitt statt Overlay, damit es nicht zu eng wird. */
@media (max-width: 782px) {
	.sbb-hero-overlay {
		position: static;
		transform: none;
		width: 100%;
		margin-top: 24px;
		box-shadow: none;
		border: 1px solid #ddd;
	}
}