/* Sitomat – Mobilni meni: samo postavitev in animacija, izgled je v razredih predlog. */

.smm {
	position: fixed;
	inset: 0;
	z-index: 1060;
	visibility: hidden;
	pointer-events: none;
	transition: visibility 0s .3s;
}

.smm.is-open {
	visibility: visible;
	pointer-events: auto;
	transition-delay: 0s;
}

.smm-panel {
	position: absolute;
	inset: 0;
	overflow-y: auto;
	overscroll-behavior: contain;
	transform: translateX(100%);
	transition: transform .3s ease;
}

.smm.is-open .smm-panel--root,
.smm-panel.is-active {
	transform: none;
}

.smm-panel > * {
	min-height: 100%;
}

/* Gumbi in povezave naj izgledajo kot div-i iz predlog */
.smm-btn {
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	color: inherit;
	text-align: start;
	text-decoration: none;
	cursor: pointer;
}

html.smm-lock {
	overflow: hidden;
}

@media (min-width: 992px) {
	.smm {
		display: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.smm,
	.smm-panel {
		transition: none;
	}
}