/* Front page slider — see modules/nynasbo-bildspel.php. Live: Slider Revolution SR7_5_1, a 1240 × 450 grid. */

/* Raised past (0,1,0): a same-weight Elementor rule printed after this file wins on height. */
.elementor .elementor-element.elementor-element-start-bildspel {
	--bs-k: 1;
	height: calc(450px * var(--bs-k));
}

/* The video fills the whole band, as SR7's slide background did. */
.elementor-element-start-bildspel > .elementor-widget-video {
	position: absolute;
	inset: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
}
.elementor-element-start-bildspel > .elementor-widget-video .elementor-wrapper {
	height: 100%;
	aspect-ratio: auto;
}
.elementor-element-start-bildspel > .elementor-widget-video video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* The stage: 1240 × 450, centred, scaled with the viewport (SR7's proportional scaling). */
/* No transition: e-con animates transform by default, which zooms the stage on every load and resize. */
.elementor .elementor-element.elementor-element-start-bildspel-canvas {
	transition: none;
	left: 50%;
	transform: translateX(-50%) scale(var(--bs-k));
	transform-origin: 50% 0;
	z-index: 1;
}

.elementor-element-start-bildspel-canvas > .e-con {
	opacity: 0;
	visibility: hidden;
	transition: opacity .8s ease, visibility 0s linear .8s;
}
.elementor-element-start-bildspel-canvas > .e-con.is-active {
	opacity: 1;
	visibility: visible;
	transition: opacity .8s ease;
}

/* Arrows and counter: live's global layers, same place on every slide. */
.bs-nav {
	position: absolute;
	left: 1026px;
	top: 374px;
	z-index: 20;
	width: 115px;
	height: 37px;
	border-radius: 10px;
	background: #EDE8DF;
}
.bs-nav .bs-nav__btn {
	position: absolute;
	min-width: 0;
	border-radius: 0;
	font: inherit;
	top: 6px;
	width: 30px;
	height: 26px;
	padding: 0;
	border: 0;
	background: none;
	color: #262626; /* live: fa-angle in #262626 */
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}
.bs-nav .bs-nav__btn:hover,
.bs-nav .bs-nav__btn:focus {
	background: none;
	color: #262626;
}
.bs-nav__btn svg {
	width: 9px;
	height: 16px;
	fill: currentColor;
}
.bs-nav .bs-nav__btn--prev { left: 0; top: 7px; }
.bs-nav .bs-nav__btn--next { left: 85px; width: 31px; }
.bs-nav__count {
	position: absolute;
	left: 22px;
	top: 7px;
	width: 67px;
	font-family: "Bricolage Grotesque", sans-serif;
	font-size: 20px;
	line-height: 25px;
	color: #092233;
	text-align: center;
	pointer-events: none;
}