/* Bamboo Hero block ─ frontend & editor */

.bamboo-hero {
	margin: 0 !important;
}

.bamboo-hero__cover {
	position: relative;
	width: 100%;
	overflow: hidden;
	height: auto !important;
	/* height is set via inline style from block attribute */
}

.bamboo-hero__image {
	position: relative;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
	display: block;
}

.bamboo-hero__video {
	position: relative;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
	display: block;
}

.bamboo-hero__placeholder {
	width: 100%;
	height: 100%;
	min-height: 200px;
	background: #e5e7eb;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #6b7280;
	font-size: 0.875rem;
}

.bamboo-hero__text {
	position: relative;
	z-index: 1;
}

/* Keep editor canvas visually aligned with frontend */
.editor-styles-wrapper .wp-block-bamboo-hero {
	margin: 0;
	max-width: none;
	padding: 0;
}