/* Mikro animacije (Milan, 26. 9. 2026): nežen prihod pasov ob drsenju in
   drobni odzivi na kazalec. Brez učinka za tiste, ki animacij ne želijo.
   Vrednosti so v cgp.css (--anim-*). */
@media (prefers-reduced-motion: no-preference) {
	.mmnk .mms-blok:not(.mms-blok--hero, .mms-blok--res-glava, .mms-blok--glavastr) > *,
	.mmnk .mmc-vsebina > *,
	.mmnk .mmb-karta,
	.mmnk .mmc-karta,
	.mmnk .mmk-karta,
	.mmnk .mmk-koraki > li {
		--anim-odmik: 14px;
	}
	.mmnk [data-mm-anim] {
		opacity: 0;
		transform: translateY(var(--anim-odmik, 14px));
		transition: opacity var(--anim-cas) var(--anim-krivulja), transform var(--anim-cas) var(--anim-krivulja);
		transition-delay: calc(var(--anim-n, 0) * var(--anim-zamik));
		will-change: opacity, transform;
	}
	.mmnk [data-mm-anim].je-viden {
		opacity: 1;
		transform: none;
		will-change: auto;
	}
	/* Gumbi in kartice: rahel dvig ob kazalcu. */
	.mmnk .mm-btn,
	.mmnk .mms-gumb,
	.mmnk .mmc-gumb { transition: transform var(--anim-cas-kratek) var(--anim-krivulja), box-shadow var(--anim-cas-kratek) var(--anim-krivulja), background var(--anim-cas-kratek) var(--anim-krivulja), color var(--anim-cas-kratek) var(--anim-krivulja) }
	.mmnk .mm-btn:hover,
	.mmnk .mms-gumb:hover,
	.mmnk .mmc-gumb:hover { transform: translateY(-1px) }
	.mmnk .mmb-karta,
	.mmnk .mmc-karta,
	.mmnk .mm-sveze__karta { transition: transform var(--anim-cas) var(--anim-krivulja), box-shadow var(--anim-cas) var(--anim-krivulja) }
	.mmnk .mmb-karta:hover,
	.mmnk .mmc-karta:hover,
	.mmnk .mm-sveze__karta:hover { transform: translateY(-3px); box-shadow: var(--senca-2) }
	/* Meni: podčrtaj se izriše iz leve. */
	.mmnk .mm-nav > ul > li > a::after,
	.mmnk .mm-nav__gumb::after { transition: transform var(--anim-cas-kratek) var(--anim-krivulja); transform-origin: left center }
}

/* ══ Naslovni pas domače strani: hiter prihod ob nalaganju ═══════════
   (Milan, 28. 9. 2026). Vse se zgodi v manj kot sekundi in pol.
   Prenosnik (slika LCP) in naslov se premikata samo s transform, brez
   prosojnosti — brskalnik ju izriše takoj, izris se ne zamakne. */
@media (prefers-reduced-motion: no-preference) {
	@keyframes mm-hero-gor   { from { opacity: 0; transform: translateY(18px) } to { opacity: 1; transform: none } }
	@keyframes mm-hero-naslov { from { transform: translateY(22px) } to { transform: none } }
	/* Negativni odmiki: rep črk g, j, p sega pod škatlo in ne sme biti obrezan (Milan, 28. 9. 2026). */
	@keyframes mm-hero-odkrij { from { clip-path: inset(-.2em 100% -.35em -.1em) } to { clip-path: inset(-.2em -.2em -.35em -.1em) } }
	@keyframes mm-hero-lap   { from { transform: translateX(46px) scale(.955) } to { transform: none } }
	@keyframes mm-hero-tel   { from { opacity: 0; transform: translateY(60px) rotate(3deg) } to { opacity: 1; transform: none } }
	@keyframes mm-hero-lebdi { 0%, 100% { transform: translateY(0) } 50% { transform: translateY(-8px) } }
	@keyframes mm-hero-senca { from { opacity: 0; transform: scale(.6) } to { opacity: 1; transform: none } }
	@keyframes mm-hero-sij   { from { background-position: 120% 0 } to { background-position: -20% 0 } }

	.mmnk .mm-hero .mm-hero__nad { animation: mm-hero-gor var(--hero-anim-cas) var(--hero-anim-krivulja) both }
	.mmnk .mm-hero .mm-hero__h1 h1 { animation: mm-hero-naslov var(--hero-anim-cas) var(--hero-anim-krivulja) calc(1 * var(--hero-anim-korak)) both }
	/* Poudarjeni del naslova se izriše od leve, nato ga enkrat preleti sij. */
	.mmnk .mm-hero .mm-hero__h1 .mm-accent {
		display: inline-block;
		animation: mm-hero-odkrij .7s var(--hero-anim-krivulja) calc(3 * var(--hero-anim-korak)) both;
	}
	.mmnk .mm-hero .mm-hero__h1 .mm-accent::after {
		content: "";
		position: absolute;
		inset: 0;
		pointer-events: none;
		background: linear-gradient(105deg, transparent 40%, rgba(255, 255, 255, .55) 50%, transparent 60%) no-repeat;
		background-size: 250% 100%;
		mix-blend-mode: overlay;
		animation: mm-hero-sij 1.1s ease-out .75s both;
	}
	.mmnk .mm-hero .mm-hero__h1 .mm-accent { position: relative }
	.mmnk .mm-hero .mm-hero__tekst .fusion-column-wrapper > :nth-child(n+3) { animation: mm-hero-gor var(--hero-anim-cas) var(--hero-anim-krivulja) calc(5 * var(--hero-anim-korak)) both }
	.mmnk .mm-hero .mm-hero__dokazi { animation: mm-hero-gor var(--hero-anim-cas) var(--hero-anim-krivulja) calc(7 * var(--hero-anim-korak)) both }
	.mmnk .mm-hero .mm-oder__lap { animation: mm-hero-lap .9s var(--hero-anim-krivulja) calc(1 * var(--hero-anim-korak)) both }
	.mmnk .mm-hero .mm-oder__senca--lap { animation: mm-hero-senca .9s var(--hero-anim-krivulja) calc(2 * var(--hero-anim-korak)) both }
	/* Telefon pripelje od spodaj, nato rahlo lebdi. */
	.mmnk .mm-hero .mm-oder__tel {
		animation: mm-hero-tel .8s var(--hero-anim-krivulja) calc(5 * var(--hero-anim-korak)) both,
			mm-hero-lebdi 6s ease-in-out 1.4s infinite;
	}
	.mmnk .mm-hero .mm-oder__senca--tel { animation: mm-hero-senca .8s var(--hero-anim-krivulja) calc(6 * var(--hero-anim-korak)) both }
	.mmnk .mm-hero .mm-oder__note { animation: mm-hero-gor .6s var(--hero-anim-krivulja) .9s both }
}

/* ══ Naslovni pasovi storitev in aplikacij: enak hiter prihod kot na
   domači strani, z majhnimi razlikami (Milan, 28. 9. 2026). ═══════════ */
@media (prefers-reduced-motion: no-preference) {
	@keyframes mm-hero-zeton { from { opacity: 0; transform: translateY(10px) scale(.92) } to { opacity: 1; transform: none } }
	@keyframes mm-hero-zaslon { from { transform: perspective(1400px) translateX(56px) rotateY(-9deg) scale(.96) } to { transform: none } }
	@keyframes mm-hero-odsev { from { opacity: 0 } to { opacity: 1 } }

	/* Storitve (.mm-heros--nov): slika pripelje iz globine, hitreje kot prej. */
	.mmnk .mm-heros--nov { --heros-napr-cas: .95s; --heros-napr-zacetek: .12s }
	.mmnk .mm-heros--nov .mm-heros__nad { animation: mm-hero-gor var(--hero-anim-cas) var(--hero-anim-krivulja) both }
	.mmnk .mm-heros--nov h1 { animation: mm-hero-naslov var(--hero-anim-cas) var(--hero-anim-krivulja) var(--hero-anim-korak) both }
	.mmnk .mm-heros--nov h1 .mm-accent { display: inline-block; position: relative; animation: mm-hero-odkrij .7s var(--hero-anim-krivulja) calc(3 * var(--hero-anim-korak)) both }
	.mmnk .mm-heros--nov .mm-heros__lead { animation: mm-hero-gor var(--hero-anim-cas) var(--hero-anim-krivulja) calc(4 * var(--hero-anim-korak)) both }
	.mmnk .mm-heros--nov .mm-heros__gumbi { animation: mm-hero-gor var(--hero-anim-cas) var(--hero-anim-krivulja) calc(5 * var(--hero-anim-korak)) both }
	.mmnk .mm-heros--nov .mm-heros__dokazi li { animation: mm-hero-gor .6s var(--hero-anim-krivulja) both }
	.mmnk .mm-heros--nov .mm-heros__dokazi li:nth-child(1) { animation-delay: calc(7 * var(--hero-anim-korak)) }
	.mmnk .mm-heros--nov .mm-heros__dokazi li:nth-child(2) { animation-delay: calc(8 * var(--hero-anim-korak)) }
	.mmnk .mm-heros--nov .mm-heros__dokazi li:nth-child(3) { animation-delay: calc(9 * var(--hero-anim-korak)) }
	.mmnk .mm-heros--nov .mm-heros__dokazi li:nth-child(n+4) { animation-delay: calc(10 * var(--hero-anim-korak)) }

	/* Aplikacije (.mms-resglava): zaslon se zasuka iz perspektive, telefon
	   pripelje od spodaj in lebdi, značke se pojavijo ena za drugo. */
	.mmnk .mms-resglava__pot { animation: mm-hero-gor .6s var(--hero-anim-krivulja) both }
	.mmnk .mms-resglava__znacka { animation: mm-hero-gor var(--hero-anim-cas) var(--hero-anim-krivulja) var(--hero-anim-korak) both }
	.mmnk .mms-resglava__h1 { animation: mm-hero-naslov var(--hero-anim-cas) var(--hero-anim-krivulja) calc(2 * var(--hero-anim-korak)) both }
	.mmnk .mms-resglava__h1 span { position: relative; animation: mm-hero-odkrij .75s var(--hero-anim-krivulja) calc(4 * var(--hero-anim-korak)) both }
	.mmnk .mms-resglava__uvod { animation: mm-hero-gor var(--hero-anim-cas) var(--hero-anim-krivulja) calc(5 * var(--hero-anim-korak)) both }
	.mmnk .mms-resglava .mms-dejanja { animation: mm-hero-gor var(--hero-anim-cas) var(--hero-anim-krivulja) calc(6 * var(--hero-anim-korak)) both }
	.mmnk .mms-resglava__zetoni li { animation: mm-hero-zeton .5s var(--hero-anim-krivulja) both }
	.mmnk .mms-resglava__zetoni li:nth-child(1) { animation-delay: calc(8 * var(--hero-anim-korak)) }
	.mmnk .mms-resglava__zetoni li:nth-child(2) { animation-delay: calc(9 * var(--hero-anim-korak)) }
	.mmnk .mms-resglava__zetoni li:nth-child(3) { animation-delay: calc(10 * var(--hero-anim-korak)) }
	.mmnk .mms-resglava__zetoni li:nth-child(n+4) { animation-delay: calc(11 * var(--hero-anim-korak)) }
	.mmnk .mms-resglava__slika > img { animation: mm-hero-zaslon 1s var(--hero-anim-krivulja) var(--hero-anim-korak) both }
	.mmnk .mms-resglava__telefon { animation: mm-hero-tel .85s var(--hero-anim-krivulja) calc(5 * var(--hero-anim-korak)) both, mm-hero-lebdi 6.5s ease-in-out 1.5s infinite }
	.mmnk .mms-resglava .mms-odsev { animation: mm-hero-odsev .8s ease-out .7s both }
}