/*
 * Prepreci "skakanje" vsebine ob nalaganju (CLS).
 * Nalozi se za js_composer.min.css (glej ns_cls_fix_head v functions.php).
 */

/* 1) WPBakery full-width vrstice
 * WPBakery jih pred JS raztegne na 100vw, a brez notranjega odmika (vsebina cez cel zaslon),
 * nato JS doda odmik in vsebina skoci v container. Tukaj isto geometrijo izracunamo ze s CSS:
 *   sirina = sirina strani brez drsnika (--ns-vw = documentElement.clientWidth, nastavi skript v <head>)
 *   odmik  = (sirina strani - sirina containerja) / 2 - 15px   (enako kot vc_fullWidthRow)
 */
html body .vc_row[data-vc-full-width-temp] {
	box-sizing: border-box;
	width: var(--ns-vw, 100vw);
	max-width: var(--ns-vw, 100vw);
	margin-left: calc(50% - var(--ns-vw, 100vw) / 2);
	margin-right: 0;
}
html body .vc_row[data-vc-full-width-temp]:not([data-vc-stretch-content]) {
	padding-left: max(0px, calc((var(--ns-vw, 100vw) - 100%) / 2 - 15px));
	padding-right: max(0px, calc((var(--ns-vw, 100vw) - 100%) / 2 - 15px));
}

/* 2) Slider (slick): pred inicializacijo pokazi samo prvi slajd */
.vc_ns_content-slider-container:not(.slick-initialized) > .vc_tta-panel ~ .vc_tta-panel {
	display: none;
}

/* prvi slajd ze pred inicializacijo dobi enako visino/ozadje kot .slick-slide (main.css) */
.main-slider .vc_ns_content-slider-container:not(.slick-initialized) > .vc_tta-panel {
	height: 540px;
	background-position: center center;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.main-slider .vc_ns_content-slider-container:not(.slick-initialized) > .vc_tta-panel:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.5);
}
@media (max-width: 767px) {
	.main-slider .vc_ns_content-slider-container:not(.slick-initialized) > .vc_tta-panel {
		height: 340px;
	}
}