/* WT – gradient napisów */
.wt-grad {
	color: inherit; /* kolor zapasowy dla bardzo starych przeglądarek */
	background-repeat: no-repeat;
	background-size: 100% 100%;
	text-shadow: none;
}
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
	.wt-grad,
	.wt-grad * {
		-webkit-background-clip: text;
		background-clip: text;
		-webkit-text-fill-color: transparent;
		color: transparent;
	}
	.wt-grad *:not(.wt-grad) { background: none; }
	.wt-grad ::selection { -webkit-text-fill-color: currentColor; }
}

/* Animacja: gradient płynie tam i z powrotem */
.wt-grad[data-wt-anim]:not([data-wt-anim=""]) { background-size: 300% 100%; background-position: 0% 50%; }
.wt-grad[data-wt-anim="wolno"]   { animation: wt-grad-flow 12s ease-in-out infinite alternate; }
.wt-grad[data-wt-anim="srednio"] { animation: wt-grad-flow 6s ease-in-out infinite alternate; }
.wt-grad[data-wt-anim="szybko"]  { animation: wt-grad-flow 3s ease-in-out infinite alternate; }
.wt-grad[data-wt-anim="hover"]   { transition: background-position .9s ease; }
.wt-grad[data-wt-anim="hover"]:hover,
a:hover .wt-grad[data-wt-anim="hover"] { background-position: 100% 50%; }

@keyframes wt-grad-flow {
	from { background-position: 0% 50%; }
	to   { background-position: 100% 50%; }
}
@media (prefers-reduced-motion: reduce) {
	.wt-grad[data-wt-anim] { animation: none; transition: none; }
}