/**
 * Vimeo Block Styles
 */

.wp-block-borasdjurpark-vimeo {
	margin: 0 0 0 0;
}

.wp-block-borasdjurpark-vimeo__wrapper {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.wp-block-borasdjurpark-vimeo__wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/* Auto aspect ratio variant */
.wp-block-borasdjurpark-vimeo__wrapper--auto {
	position: relative;
	width: 100%;
	max-width: 100%;
	overflow: hidden;
}

.wp-block-borasdjurpark-vimeo__wrapper--auto iframe {
	position: relative;
	width: 100% !important;
	max-width: 100%;
	border: 0;
	display: block;
}

/* Fullwidth support */
.wp-block-borasdjurpark-vimeo.is-fullwidth {
	width: 100%;
	max-width: 100%;
}

/* Alignment support */
.wp-block-borasdjurpark-vimeo.alignwide {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}

.wp-block-borasdjurpark-vimeo.alignfull {
	max-width: 100%;
	width: 100%;
}

/* Caption styling */
.wp-block-borasdjurpark-vimeo__caption {
	margin-top: 0.5em;
	margin-bottom: 1em;
	text-align: center;
	font-size: 0.9em;
	color: #555;
	font-style: italic;
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.wp-block-borasdjurpark-vimeo.alignwide {
		max-width: 100%;
	}
}

/* Background video mode */
.wp-block-borasdjurpark-vimeo--background {
	display: grid;
	width: 100%;
}

.wp-block-borasdjurpark-vimeo--background > * {
	grid-area: 1 / 1;
}

.wp-block-borasdjurpark-vimeo--background iframe.wp-block-borasdjurpark-vimeo__video-bg {
	width: 100%;
	height: 100%;
	border: 0;
	pointer-events: none;
}

.wp-block-borasdjurpark-vimeo__overlay {
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.wp-block-borasdjurpark-vimeo__inner-container {
	z-index: 1;
	display: grid;
	align-content: center;
	grid-template-columns:
		[full-start] minmax(1.5em, 1fr)
		[wide-start] 6.75em
		[main-start] minmax(0, 66.5em)
		[main-end] 6.75em [wide-end] minmax(1.5em, 1fr) [full-end];
}

.wp-block-borasdjurpark-vimeo__inner-container > * {
	grid-column: main;
}

.wp-block-borasdjurpark-vimeo__inner-container > .alignwide {
	grid-column: wide;
}

.wp-block-borasdjurpark-vimeo__inner-container > .alignfull {
	grid-column: full;
}

@media (max-width: 768px) {
	.wp-block-borasdjurpark-vimeo--background > .wp-block-borasdjurpark-vimeo__inner-container {
		grid-column: 2 / 5 !important;
	}
}

/* Editor styles for background mode */
.wp-block-borasdjurpark-vimeo__video-bg-editor {
	display: flex;
	align-items: center;
	justify-content: center;
}

.wp-block-borasdjurpark-vimeo__video-bg-editor .wp-block-borasdjurpark-vimeo__wrapper {
	width: 100%;
	height: 100%;
}

.wp-block-borasdjurpark-vimeo__inner-container-editor > * {
	grid-column: main;
}

.wp-block-borasdjurpark-vimeo__inner-container-editor > .alignwide {
	grid-column: wide;
}

.wp-block-borasdjurpark-vimeo__inner-container-editor > .alignfull {
	grid-column: full;
}