/**
 * We.Core - rotátor položiek navigácie.
 * Pás slov roluje vertikálne, kontajner animuje šírku na ďalšie slovo.
 * Fallback výška 1.6em drží jeden riadok, kým JS nezmeria presné px
 * (dôležité pre burger panel, ktorý je pri načítaní skrytý).
 */

.dcp-rot {
	display: inline-block;
	overflow: hidden;
	vertical-align: middle;
	height: 1.6em;
	white-space: nowrap;
	transition: width 0.4s cubic-bezier(0.65, 0, 0.35, 1);
}

.dcp-rot__pas {
	display: block;
	transition: transform 0.5s cubic-bezier(0.65, 0, 0.35, 1);
	will-change: transform;
}

/* line-height = výška slotu, inak by slovo zdedilo line-height
   odkazu (napr. 60px v hlavnom menu) a rozbilo krokovanie */
.dcp-rot__slovo {
	display: block;
	height: 1.6em;
	line-height: 1.6em;
}

@media (prefers-reduced-motion: reduce) {
	.dcp-rot__pas,
	.dcp-rot {
		transition: none;
	}
}