.skrivnost .kiosk__bg {
	filter: brightness(0.4);
}

.skrivnost__peska {
	grid-column: 1 / 4;
	grid-row: 4 / 6;
	
	position: absolute;
	z-index: 10;
	top: 12.3em;
	left: 5em;
	
	width: 11em;
}
	


.skrivnost__count {
	grid-column: 3 / 5;
	grid-row: 4 / 6;
	align-self: end;
	z-index: 10;
	
	position: absolute;
	top: 10em;
	left: 6.5em;
	z-index: 10;
	
	padding: 0.35em 1.5em 0.25em 2em;
	transform: translateX(-50%);
	
	color: var(--color__bordo);
	font-family: var(--family2);
	white-space: nowrap;
	background-image: url("/images/ozadje3.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.skrivnost__intro {
	grid-column: 3 / 10;
	grid-row: 6 / 10;
	z-index: 20;
	
	padding-top: var(--gap1);
	
	font-family: var(--family2);
	font-size: var(--font__50);
	color: #fff;
	font-weight: 400;
}

.lang_it .dogodki  .skrivnost__intro {
	grid-row: 5 / 10;
}

.skrivnost__intro strong {
	display: inline-block;
	font-weight: 400;
	font-size: var(--font__90);
	line-height: 1;
}


.skrivnost__content {
	grid-column: 11 / span 10;
	grid-row: 5 / -3;
	z-index: 10;
	padding: 0 8em 0 0;
	
	color: #fff;
}
	.skrivnost__content img[src*="/qr/"] {
		width: 160px !important; 
		height: auto !important;
		aspect-ratio: 1;
	}

	.skrivnost__content p:has(small) {
		line-height: 1.2;
		font-size: 20px;
	}
	
	.skrivnost__content small {
		line-height: 1;
	}
	
	.skrivnost__content:after {
		position: absolute; 
		top: -20em;
		right: -1em;
		bottom: -8em;
		left: -5em;
		z-index: -11;
		
		backdrop-filter: blur(10px);
		filter: blur(10px);
		
		content: "";
	}

.skrivnost__content h3 {
	font-size: var(--font__40);
	font-family: var(--family2);
	font-weight: 400;
}

.skrivnost__content p {
	font-size: var(--font__25);
	line-height: 1.6;
}
.skrivnost__content ul {
	margin-left: 2em;
}

.skrivnost .kiosk__bottomRight {
	grid-column: -4 / span 1;
	grid-row: 9 / 11;
	justify-self: end;
	flex-direction: column;
}


.skrivnost .kiosk__bottomRight button {
	transition: opacity .5s;
}

.skrivnost .kiosk__bottomRight button:disabled {
	display: none;
	opacity: 0.4;
	cursor: not-allowed;
}



#btnScrollDown img {
	width: 0.6em;
	transform: rotate(90deg);
}

#btnScrollUp img {
	width: 0.6em;
	transform: rotate(-90deg);
}










.pridelovalci .skrivnost__intro {
	color: var(--color__bordo);
}

.pridelovalci .kiosk__bottomLeft {
	grid-column-end: span 4;
	color: var(--color__bordo);
}

.ponudniki__grids {
	grid-column: 11 / -3;
	grid-row: 4 / 10;
	
	z-index: 20;
	overflow: hidden;
	position: relative;
	
	margin-top: var(--gap2);
	margin-bottom: var(--gap2);
}

.ponudniki__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(2, 1fr);
	gap: var(--gap2);
	
	
	position: absolute;
	left: 100%;
	width: 100%;
	height: 100%;
	
	opacity: 1;
	
	transition: 
		left 1s ease,
		opacity 1s;
}

.ponudniki__grid:nth-child(2) {
	left: 0;
	opacity: 1;
	transition-delay: 0;
	
	
}

.ponudniki__grid:nth-child(1) {
	left: -100%;
	opacity: 0;
}



.ponudniki__grid a {
	display: block;
}

.ponudniki__grid a > div {
	position: relative;
	overflow: hidden;
	height: 100%;
	border-radius: 5px;
}

.ponudniki__grid img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.ponudniki__grid a h3 {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 205px;
	min-height: 80px;
	z-index: 2;
	
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	
	padding: 0.3em 0.5em;
	background-color: #fff;
	font-size: var(--font__25);
	font-weight: 400;
	color: var(--color__bordo);
}

.pridelovalci .kiosk__bottomRight {
	display: grid;
	grid-template-columns: 1fr var(--gap2) 1fr var(--gap2) 1fr var(--gap2) 1fr var(--gap2) 1fr var(--gap2) 1fr;
	/* grid-template-columns: subgrid; */
	gap: 0;
}

.pridelovalci .kiosk__bottomRight .secrets__controls {
	grid-column: 1 / 4;
	justify-content: space-between;
}

.pridelovalci .kiosk__bottomRight > a {
	grid-column: 5 / -1;
}

.pridelovalci .kiosk__bottomLeft {
	grid-column-end: 10;
	justify-content: start;
}






.ponudnik__cover {
	grid-column: 2 / 10;
	grid-row: 2 / -2;
	z-index: 2;
}

.ponudnik__cover img {
	object-fit: cover;
	height: 100%;
}

.ponudnik__title {
	grid-column: 11 / -4;
	grid-row: 4 / 5;
	z-index: 2;
	
	margin-left: var(--gap2);
}

.ponudnik__title h1 {
	font-family: var(--family2);
	color: var(--color__bordo);
}

.ponudnik__content {
	grid-column: 11 / span 7;
	grid-row: 5 / -4;
	z-index: 2;
	overflow: hidden;
	margin-bottom: 1em;
	
	margin-left: var(--gap2);
	
	text-overflow: ellipsis;
	line-height: 1.8;
}

.ponudnik__content ul {
	margin-left: 2em;
}

.ponudnik__content .simplebar-content > * + * {
	margin-top: var(--flow-space);
}

.ponudnik__info {
	grid-column: 19 / -3;
	grid-row: 5 / -4;
	z-index: 2;
}

.ponudnik__info h3 {
	font-family: var(--family2);
	color: var(--color__bordo);
}

.ponudnik__locationInfo {
	grid-column: 4 / span 13;
	grid-row: -4 / -3;
	z-index: 2;
	
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: var(--gap3);
	padding: 0 var(--gap2);
	
	border-radius: 5px;
	background-color: var(--color__brown);
	color: var(--color__bordo);
}

.ponudnik__locationInfo > * {
	display: flex;
	gap: var(--gap1);
	align-items: center;
}

.pridelovalec .btnPrev  {
	grid-column: 3 / span 1;
	grid-row: -5 / -4;
	z-index: 2;
}

.pridelovalec .btnNext  {
	grid-column: 4 / span 1;
	grid-row: -5 / -4;
	z-index: 2;
}

.ponudnik__favorite {
	grid-column: 18 / -1;
	grid-row: -4 / -3;
	z-index: 2;
	padding: 0 var(--gap2);
	
	display: flex;
	gap: var(--gap1);
	align-items: center;
	
	background-color: var(--color__brown);
	color: var(--color__bordo);
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	font-family: var(--family2);
}

.ponudnik__favorite p {
	width: 14ch;
	line-height: 1.2;
}

.ponudnik__qrfav {
	padding: 0.3em;
	height: 140%;
	aspect-ratio: 1;
	background-color: #fff;
}


.zemljevid__map {
	grid-column: 2 / -2;
	grid-row: 2 / -2;
	z-index: 1;
	
	outline: 2px solid pink;
}