/**
 * Theme Name: Bunker
 * Description: Custom theme for Bunker
 * Author: Matej Kerlič (Design), Maxi Web + Mihael Zadravec (Development)
 * Template: blocksy
 * Text Domain: bunker
*/
:root {
	--bunker-text-small: clamp(13px,0.67vw,26px);
	--bunker-text-medium: clamp(13px,0.83vw,26px);
	--bunker-text-big: clamp(13px,1.116vw,26px);
}

body {
	position:relative;
}

.fixed-cta-main {
	position:fixed;
	bottom:11.7vh;
	left:0;
	z-index:888;
	width:100vw;
}
.cover-ctas-background {
	background: rgba(255, 255, 255, 0.3); /* prozorno belo ozadje */
	backdrop-filter: blur(3px); /* zameglitev ozadja */
	-webkit-backdrop-filter: blur(3px); /* za Safari */
}

.show_mobile {
	visibility: hidden;
	width:0;
	height:0;
}
.hide_mobile {
	visibility: visible;
}
@media screen and (max-width:480px) {
	.show_mobile {
		visibility: visible;
		width:auto;
		height:auto;
	}
	.hide_mobile {
		display:block;
		visibility: hidden;
		width:0;
		height:0;
	}
}

.cover-ctas button span {
	margin:0 auto;
}


.clamp-2-lines {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
  
	overflow: hidden;
	text-overflow: ellipsis;
  }


/*
html {
	box-sizing:border-box;
}

body {
	margin: 0;
	background: #0a0a0a;
	color:rgba(255,255,255,0.7);
	font-family:"Manrope", sans-serif;
	font-weight:200;
	font-size:clamp(16px,1vw,24px);
}

a, a:hover, a:focus, a:active, a:visited {
	text-decoration:none;
	color:rgba(255,255,255,0.7);
}
    */


/* Fix: Add padding to <mark> aka "Haighlight" in the text */
p mark {
	padding-top:4px;
}


/* BUNKER BUTTON
-------------------------*/
/*
.gspb_button_wrapper {
	position:relative;
}
.bunker-btn {
	position:relative!important;
	clip-path: polygon(0px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%);
	z-index:1;
	border:none;
	border-radius:0px!important;
	cursor:pointer;
	padding:15px 16px 15px 16px;
	margin:0;
	font-size:13px;
	line-height:100%;
	text-transform:uppercase;
}

.bbtn-green {
	color:white;
	background: var(--theme-button-background-initial-color);
}

.bunker-btn::after {
	content: "";
	display:block;
	width:100%;
	height:100%;
	clip-path: polygon(0px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%);
	z-index:0;
	position: absolute;
	bottom:0px;
	right:0px;
	pointer-events: none;
	background:rgba(255,255,255,1);
	opacity:0;
	transform-origin:center center;
	transform: scaleX(0.98) scaleY(0.96);
	transition: opacity 0.3s ease;
}
.bunker-btn:hover::after {
	opacity:1;
}

.bunker-btn::before {
	content: "";
	position: absolute;
	top: 4px;
	right: 4px;
	border-right: 6px solid transparent;
	border-top: 6px solid white;
	transform:rotate(90deg);
	z-index:5;
}

.bunker-btn:hover::before {
	content: "";
	border-top-color:var(--theme-button-background-initial-color);
}
.bunker-btn span {
	position:relative;
	z-index:3;
}
.bunker-btn:hover span {
	color:var(--theme-button-background-initial-color)!important;
}
*/

/* HEADER
------------------------*/
body.transparent-header header.header {
	background:transparent!important;
}

body.transparent-header header.active-header,
body.transparent-header header.header.header-status-displayed.active-header {
	background:white!important;
}

.header-status-hidden {
    transform: translateY(-100%);
}

header.header-status-displayed {
    transform: translateY(0);
	background:white!important;
}

/* MAIN NAVIGATION (shortcode @menu panel)
------------------------*/
.bunkerMenu ul {
	border-top:solid 1px rgba(0,0,0,0.1);
}
.bunkerMenu ul,
.bunkerMenu li {
	margin:0;
	padding:0;
	list-style:none;
}
.bunkerMenu li {
	position:relative;
	text-transform:uppercase;
	font-size: clamp(16px,1.15vw,26px);
}
.bunkerMenu li a {
	width:100%;
	height:38px;
	display:flex;
	flex-direction: row;
	align-items:center;
	justify-content: space-between;
	padding:12px;
	border-bottom:solid 1px rgba(0,0,0,0.1);
	transition: all 0.5s ease;
	cursor:pointer;
}
@media screen and (max-width:480px) {
	.bunkerMenu li a {
		height:45px;
	}
}
.bunkerMenu li a,
.bunkerMenu li a:active,
.bunkerMenu li a:visited {
	color: var(--theme-text-color), #000;
}
.bunkerMenu li .label,
.bunkerMenu li .index {
	margin:0 0 -3px 0;
	padding:0;
	line-height:100%;
}

.bunkerMenu li a::before,
.bunkerMenu li a::after,
.bunkerMenu li a.current-menu-item::before,
.bunkerMenu li a.current-menu-item::after {
	content:"";
	display:block;
	height:calc(100% - 1px);
	width:2px;
	background:#FFF;
	position:absolute;
	top:0px;
	left:0px;
	transition: all 0.3s ease;
}
.bunkerMenu li a::after,
.bunkerMenu li a.current-menu-item::after {
	left:calc(100% - 2px);
}
.bunkerMenu li:hover a::before,
.bunkerMenu li:hover a::after,
.bunkerMenu li a.current-menu-item::before,
.bunkerMenu li a.current-menu-item::after {
	background:#2FAC65;
}

.current-menu-item {
	background:rgba(0,0,0,0.02);
}

/* FOOTER
------------------------*/
/*
footer#footer {
	position:fixed;
	z-index:99;
	bottom:0;
	left:0;
	width:94vw;
	height:auto;
	padding:3vw 3vw;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	gap:2vw;
}
    */


/* Testimonials (shortcode)
-----------------------------*/

	.testimonials {
		position: relative;
		overflow: hidden;
		width: 100%;
		height:100%;
	  }
	
	  .testimonials-track {
		display: flex;
		height: 100%;
		will-change: transform;
	  }
	
	  .testimonial-item {
		position: relative;
		min-width: 100%;
		height: 100%;
		flex-shrink: 0;
	  }
	
	  .testimonial-item img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		aspect-ratio: 4 / 3;
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
	  }
	
	  .testimonial-content {
		position: absolute;
		top: 3.3vw;
		left: 3.3vw;
		background: #1A1A1A;
		color: white;
		padding: 1.27vw 1.5vw 1.25vw 1.5vw;
		width:23.125vw;
		text-transform: uppercase;
		font-size:clamp(13px,0.83vw,26px);
		clip-path: polygon(0px 0px, 100% 0px, 100% calc(100% - 25px), calc(100% - 25px) 100%, 0px 100%);
	  }
	
	  .testimonial-content p {
		margin-block-end: 0!important;
		margin:0 0 0.95vw!important;
		padding:0!important;
		font-size-adjust: none;
		line-height:150%;
	  }
	
	  .testimonial-content span {
		display: block;
		color: var(--theme-button-background-initial-color);
		margin-top: 0.5rem;
		font-weight: bold;
	  }
	
	  .testimonial-content span b {
		display:inline-block;
		transform:rotate(90deg) translateY(-2px);
		margin-right:8px;
	  }
	  @media screen and (max-width:480px) {
		  .testimonial-content span b {
			  display:none;
		  }
	  }
	
	  .testimonials-thumbs {
		position: absolute;
		bottom: 3.3vw;
		left: 3.3vw;
		display: flex;
		gap: 0;
		z-index: 10;
	  }
	
	  .testimonials-thumbs img {
		width: 6vw;
		height: 4.6vw;
		object-fit: cover;
		cursor: pointer;
		opacity: 0.7;
		border: 2px solid transparent;
		transition: border-color 0.3s, opacity 0.3s;
		padding:0.20vw;
	  }
	
	  .testimonials-thumbs img.active {
		border-color: rgba(255,255,255,0.5);
		opacity: 1;
	  }



@media screen and (max-width: 480px) {


	.testimonials {
		margin-bottom:40px;
	}

	.testimonials-track {
	}

	.testimonial-item,
	.swiper .testimonial-item.swiper-slide {
	  min-width:80%;
	  width:80%;
	}

	.testimonial-image {
		padding:0;
	}

	.testimonial-item img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		position:relative;
		top:auto;
		left:auto;
		right:auto;
		bottom:auto;
	  }

	.testimonials-thumbs {
	 	display: none;
	}

	.testimonial-content {
		display:flex;
		flex-direction:column;
		position: relative;
		top:auto;
		left:auto;
		right:auto;
		bottom:auto;
		background: none;
		color: black;
		padding: 20px 0 0;
		width:100%;
		max-width: 100%;
		text-align: left;
	}

	.testimonial-content p {
		order:2;
	}
	.testimonial-content span {
		color: #00c853;
		margin-top: 0rem;
		margin-bottom:3.5vw;
		font-weight:400;
		order:1;
	}
}


/* BUNKER MOOD GALLERY
-------------------------*/

body .bunker-mg-anim-image {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	pointer-events: none;
	z-index:4;
	transform-origin: center;
	
    will-change: transform, width, height;

	clip-path: inset(0% 0% 0% 0%);
    overflow: hidden;
	background:none!important;
}

.mood-gallery-placeholder {
	/*border:solid 10px red;
	background:rgba(255,0,0,0.5);*/
	/*transform-origin: top;*/
	opacity:1;
	will-change: transform, width, height;
	background:none!important;
}

.mood-gallery-placeholder img {
	opacity:0;
}

@media screen and (max-width:480px) {
	body .bunker-mg-anim-image {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1000;
		pointer-events: none;
		z-index:4;
		transform-origin: center;
		
		will-change: transform, width, height;
	
		clip-path: inset(0% 0% 0% 0%);
		overflow: hidden;
	}
}








/* PRODUCTS from MoskaNega.si
-------------------------*/
.mn-products {
	display:flex;
	flex-direction:row;
	gap:1.58vw;
	justify-content:space-between;
	align-items: flex-start;

}
.mn-products * {
	color:white;
}

.mn-product {
	position:relative;
	flex-basis: 25%	;
	flex: 1 1 0;
  	min-width: 0;
  	max-width: 100%;
}

.mn-product-image-wrap {
	width:100%;
	height:auto;
	aspect-ratio: 1/1;
}
.mn-product img {
	width:100%;
	height:100%;
	object-fit: cover;
	margin-bottom:1.58vw;
}

.mn-product-info {
	position:relative;
	clip-path: polygon(0px 0px, 100% 0px, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0px 100%);
	background:white;
	background: linear-gradient(to bottom right, var(--theme-palette-color-2) 50%, white 50%);
	padding:0 1.4vw 1.3vw 0;
}

.mn-product-info::before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:1;
	clip-path: polygon(0px 0px, 100% 0px, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0px 100%);
	background:var(--theme-palette-color-2);
	/*transform: scaleX(0.992) scaleY(0.99);*/
	transform: translate(-1px, -1px);
}

.mn-product-title,
.mn-product-brand {
	position:relative;
	z-index:2;
	font-size:var(--bunker-text-big);
	font-weight:400;
	margin:0!important;
	padding:0!important;
	color:white;
	text-transform: uppercase;
	line-height:140%;
}
.mn-product-brand {
	font-size:var(--bunker-text-small);
	margin-bottom:10px!important;
	line-height: 100%;
	white-space: nowrap;
}

.mn-product::after {
	content:"";
	position:absolute;
	z-index:3;
	top:calc(100% - 1px);
	left:0;
	width: 5.05vw;
    height: 0.41vw;
    background: white;
    clip-path: polygon(
        0 0,           /* zgornji levi */
        100% 0,        /* zgornji desni */
        calc(100% - 0.41vw) 100%, /* spodnji desni zamaknjen */
        0% 100%        /* spodnji levi */
    );
}
@media screen and (max-width:480px) {
	
	.mn-products {
		overflow-x: auto;
		overflow-y: hidden;
		scroll-snap-type: x mandatory;
  		-webkit-overflow-scrolling: touch;
		overscroll-behavior: contain;
		touch-action: pan-x pan-y;
		gap:12px;
		padding-bottom:10px;
	}
	.mn-product {
	  flex: 0 0 auto; /* kartice imajo fiksno širino */
	  width: 45%;   /* poljubna širina kartice */
	  scroll-snap-align: start;
	}

	.mn-product img {
		margin-bottom:12px;
	}
	
	.mn-product-title,
	.mn-product-brand {
		font-size:11px!important;
		margin-bottom:3px!important;
	}
	.mn-product-brand {
		opacity:0.75;
		margin-bottom:5px!important;
	}
	
	.mn-product::after {
		width: 44px;
    	height: 4px;
		z-index:3;
		clip-path: polygon(
        0 0,           /* zgornji levi */
        100% 0,        /* zgornji desni */
        calc(100% - 10px) 100%, /* spodnji desni zamaknjen */
        0% 100%        /* spodnji levi */
    	);
	}
}

/* Brivska šola - carousel gallery
------------------------------------*/
.carousel {
    width: 100%;
    overflow: hidden;
    scale: 1.1;
    perspective: 1000px;
    transform: skew(3deg);
}

.carousel .swiper-wrapper {
    display: flex;
    transform-style: preserve-3d;
    /* Odstranimo animation, ker zdaj uporablja GSAP */
}

.carousel .swiper-slide {
    margin-right: 0.5vw;
    flex-shrink: 0; /* Pomembno za loop! */
    transition: transform 0.3s ease;
}

.carousel .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 1 / 1;
}
/*
.carousel {
    width: 100%;
    overflow: hidden;
	scale:1.1;
	perspective: 1000px;
	transform: skew(3deg);
}

.carousel .swiper-wrapper {
    display: flex;
    animation: scroll-left 50s linear infinite;
	transform-style: preserve-3d;
}

.carousel .swiper-slide {
    margin-right: 0.5vw;
	transition: transform 0.3s ease;
}
.carousel .swiper-slide img {
	width:100%;
	height:100%;
	object-fit: cover;
	aspect-ratio: 1/1;
}

// Keyframes za CSS scroll 
@keyframes scroll-left {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}
*/
	

/* Brivska šola - Tečaji (shortcode)
-----------------------------*/
ul.tabs-tecaji {
	display:flex;
	flex-direction: row;
	gap:10px;
	align-items:center;
	justify-content: center;
	list-style: none;
	margin:0 0 4.1vw 0;
	padding:0;
	text-transform: uppercase;
}
ul.tabs-tecaji li {
	list-style:none;
	margin:0;
	padding:0;
}
ul.tabs-tecaji a {
	display:block;
	padding:10px;
	border:solid 1px var(--theme-palette-color-2);
	text-decoration: none;
	line-height:100%;
	font-size:clamp(13px,1.15vw,26px);
}
ul.tabs-tecaji li:hover {
	background:#2FAC651A;
}
ul.tabs-tecaji li.active a {
	color: white;
	background:var(--theme-palette-color-2);
}
ul.tabs-tecaji a span {
	display:block;
	transform:translateY(2px);
}

@media screen and (max-width:480px) {
	ul.tabs-tecaji {
		justify-content: flex-start;
		overflow-x:auto;
		margin-bottom:30px;
	}
}


.card-tecaj {
	background:var(--theme-palette-color-2);
	color:white;
	display:none;
}
.card-tecaj * {
	text-transform: uppercase;
}
.card-tecaj.active {
	display:block;
}
.card-header {
	display:flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	border-bottom:solid 8px #FFF;
	padding:0.9vw 0.9vw;
	font-size:var(--bunker-text-big);
}
.card-header > div {
    flex: 1; /* enak delež za vsak div */
    text-align: center; /* opcijsko, če želiš centrirat besedilo */
	line-height:80%;
	transform: translateY(10%);
}
.card-header .ch-1 {
	text-align:left;
	transform: translateX(-2px) translateY(10%);
}
.card-header .ch-2 {
	text-align:center;
}
.card-header .ch-3 {
	text-align:right;
	transform: translateX(1px) translateY(10%);
}
.card-content {
	display:flex;
	padding:2.1vw;
	flex-direction: row;
	justify-content: space-between;
}
.card-left {
	display:flex;
	flex-direction:column;
	justify-content: flex-start;
	padding:2.1vw;
	min-height:400px;
	width:28.2vw;
	background:white;
	color: var(--theme-palette-color-4);
	clip-path: polygon(0px 0px, 100% 0px, 100% calc(100% - 25px), calc(100% - 25px) 100%, 0px 100%);
}

.cl-title-r1,
.cl-title-r2 {
	color:var(--theme-palette-color-2);
}
.cl-title-r1 span {
	display:inline-block;
	color:white;
	background:var(--theme-palette-color-2);
	padding:3px 5px 1px 5px;
	margin-bottom:5px;
	line-height:100%;
}
.cl-title-r2 {
	margin-bottom:1.66vw;
}

.card-left .c-price {
	font-size:3.75vw;
	line-height:150%;
	font-weight:700;
	letter-spacing: -3px;
}

.c-list-wrap {
	margin:1.33vw 0 0 0;
	padding:1.66vw 0 0 0;
	border-top:solid 1px rgba(0,0,0,0.3);
}
.c-list-wrap:last-of-type {
	margin-bottom:3.3vw;
}
.c-list-wrap h5 {
	font-size: var(--bunker-text-medium);
}
ul.c-list {
	list-style:none;
	margin:0;
	padding:0;
}

ul.c-list li {
	position:relative;
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	margin-bottom:0.5vw;
	font-size:var(--bunker-text-medium);
}

ul.c-list li::after {
	content:"";
	display:block;
	background-image:url(https://bunker.maxiweb.si/wp-content/uploads/2025/07/icon-x.svg);
	background-repeat:no-repeat;
	background-position:center center;
	width:20px;
	height:20px;
	opacity:0.5;
}
ul.c-list li.available::after {
	background-image:url(https://bunker.maxiweb.si/wp-content/uploads/2025/07/icon-check.svg);
	opacity:1;
}
ul.c-list li.not-available {
	opacity:0.5;
}
.card-left .bunker_btn-primary span {
	margin:0 auto;
}
.card-right {
	width:51.5vw;
	display:flex;
	flex-direction: column;
}
.card-col-text {
	column-count: 2;
	column-gap: 3.3vw;
	font-size:var(--bunker-text-medium);
}
.card-col-text h5 {
	display:inline-block;
	width:auto;
	background:white;
	color:var(--theme-palette-color-2);
	font-size:var(--bunker-text-medium);
	font-weight:normal;
	line-height:80%;
	padding:0.4vw 0.5vw 0.2vw 0.5vw;
	margin-bottom:1vw;
} 

.card-right-r1 {
	font-size:2.7vw;
	font-weight: 700;
	text-align:left;
	min-height:50%;
	line-height: 120%;
}


@media screen and (max-width:480px) {
	.card-tecaj {
		background:none;
		color:var(--theme-palette-color-4);
	}
	.tecah_zasnova_mobile {
		font-size:24px;
		line-height:120%;
		margin-bottom:30px;
	}
	.card-header,
	.card-right-r1 {
		display:none;
	}
	.card-content {
		flex-direction: column;
		padding:0;
	}
	.card-left,
	.card-right {
		width:100%;
		height:auto;
		min-height:1px;
	}
	.card-left {
		background:#F5F5F5;
		border:solid 1px var(--theme-palette-color-2);
		clip-path: none;
		margin-bottom:40px;
		padding:20px;
		justify-content:stretch;
	}
	.c-list-wrap {
		display:none;
	}
	.card-left .c-price {
		font-size:60px;
	}
	.c-desc {
		margin-bottom:20px;
	}
	.card-left .bunker_btn-primary {
		width:100%;
		flex-basis: 100%;
		scale:1!important;
		font-size:13px!important;
		padding-top:17px!important;
		padding-bottom:17px!important;
	}
	.card-col-text {
		column-count:1;
	}
	.card-col-text h5 {
		display:flex;
		padding: 14px !important;
        justify-content: flex-start;
		background:black;
		color:white;
		margin-bottom:1px;
	}
	.card-col-text p {
		margin-block-end:0;
		margin-top:30px;
		margin-bottom:30px;
	}
	.card-col-text .accordion-content {
		
	}
}

/**
* Primerjalna tabela
*/
.primerjalna-tabela {
	text-transform: uppercase;
	font-size:var(--bunker-text-big);
	border:none;
}

.primerjalna-tabela thead {
	color: var(--theme-palette-color-2);
}
.primerjalna-tabela thead,
.primerjalna-tabela thead * {
	border:none;
}

.primerjalna-tabela tbody td {
	border:none;
	font-weight:normal;
	padding: 1.8vw 0;
}
.primerjalna-tabela tbody tr {
	border-bottom:solid 1px rgba(0,0,0,0.15);
	transition: background 0.2s ease;
}
.primerjalna-tabela tbody tr:last-child {
	border-bottom:0;
}
/*
.primerjalna-tabela tbody tr:hover {
	background:rgba(0,0,0,0.05);
}
*/
.primerjalna-tabela .section-header td {
	background-color: var(--theme-palette-color-2);
	color: white;
	font-weight:400;
	font-size: var(--bunker-text-medium);
	padding: 0.9vw 0.9vw;
}
.primerjalna-tabela .section-header td div {
	line-height:80%;
	transform: translateY(10%);
}
.primerjalna-tabela tbody .icon-available,
.primerjalna-tabela tbody .icon-not-available {
	text-align: center;
}
.primerjalna-tabela tbody .icon-available span,
.primerjalna-tabela tbody .icon-not-available span {
	display:block;
	opacity:0;
	height:0;
	overflow:hidden;
}
.primerjalna-tabela tbody .icon-available::after,
.primerjalna-tabela tbody .icon-not-available::after {
	content:"";
	display:block;
	background-image:url(https://bunker.maxiweb.si/wp-content/uploads/2025/07/icon-x.svg);
	background-repeat:no-repeat;
	background-position:center center;
	width:23px;
	height:23px;
	opacity:0.5;
	margin:0 auto;
}
.primerjalna-tabela tbody .icon-available::after {
	background-image:url(https://bunker.maxiweb.si/wp-content/uploads/2025/07/icon-check.svg);
	opacity:1;
}

.table-cta {
	text-align: center;
}
.table-cta a {
	display:inline-block;
}

.aktivnost-opis {
	display:block;
	margin-top:0.5vw;
	font-size:var(--bunker-text-medium);
	font-weight:normal;
}

@media screen and (max-width:480px) {
	.primerjalna-tabela-wrap {
		overflow-x:auto;
	}
	.section-header {
		position:sticky;
	}
	.primerjalna-tabela tr {
		position:relative;
	}
	.primerjalna-tabela .aktivnost {
		position:sticky;
		left:100px;
	}
}
  
  
  


/* PinScroll
------------------------*/
.pin-spacer {
	width: 100vw!important;
    max-width: 100vw!important;
	min-width: 100vw!important;
	margin:0!important;
	padding:0!important;
	
}
.pin {
	width: 100vw!important;
    /*height: 100vh!important;*/
    max-width: 100vw!important;
	min-width: 100vw!important;
    /*max-height: 100vh!important;*/
	margin:0!important;
	
}


/* Courtain - Mouse Follow
------------------------*/
.courtain {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.04);
	pointer-events: none;
	z-index: 1;
	opacity:0;
}


/* Tilt - Mouse Follow
------------------------*/
.tilt_MF {
	transform-style: preserve-3d;
}



/**
* CURSOR BOX SLIDER
**/
.cursor-box-slider {
	position: fixed;
	top: 0;
	left: 0;
	width:200px;
	height:200px;
	background-color: var(--theme-palette-color-2);
	pointer-events: none;
	transform: translate(-50%, -50%);
	z-index: 9999;
	border-radius: 9999px!important;
	opacity: 0; /* skrito dokler ni prvi mousemove */
	overflow:hidden;
}
.cursor-box-slider::before {
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	content: "Naslednji";
	text-transform: uppercase;
	font-size: var(--bunker-text-big);
	color:white;
}



  /**
* DECODE TEXT
**/
.textDecode {
    /*font-family: monospace;*/
	opacity:0;
}
.char {
    display: inline-block;
    width: auto; /* 1ch */
    text-align: left;
}





.line-ticker {
	overflow: hidden;
	position: relative;
	white-space: nowrap;
	height:100%;
	line-height: 1;
	pointer-events: none;
  }
  
  .ticker-track {
	display: inline-block;
	white-space: nowrap;
	will-change: transform;
  }
  
  .ticker-span {
	display: inline-block;
	padding-right: 1vw;
	vertical-align: middle; /* ključni del za poravnavo */
	transform:translateY(3px);
  }
  @media screen and (max-width:480px) {
	.ticker-span {
		padding-right:20px!important;
	}
  }