/*	animacje

przesun-lewo
przesun-prawo
odwroceniesie
pojawianie-wyostrzanie
pojawianie-wyostrzanie-box1
pojawianie-wyostrzanie-box2
pojawianie-wyostrzanie-box3
pojawianie-wyostrzanie-box4
pojawianiesie
przesundolgora - przesuwanie z góry na dó?

+ bp-reveal (scroll) – delikatne pojawianie sekcji
*/

@-webkit-keyframes przesun-lewo {
  0% {
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
@keyframes przesun-lewo {
  0% {
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}


.przesun-lewo {
	-webkit-animation: przesun-lewo  3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: przesun-lewo  3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}



@-webkit-keyframes przesun-prawo {
  0% {
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
@keyframes przesun-prawo {
  0% {
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}


.przesun-prawo {
	-webkit-animation: przesun-prawo  3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: przesun-prawo  3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}



@-webkit-keyframes pojawianie-wyostrzanie {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes pojawianie-wyostrzanie  {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}


.pojawianie-wyostrzanie {
	-webkit-animation: pojawianie-wyostrzanie  1s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s both;
	        animation: pojawianie-wyostrzanie  1s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s both;
}



.pojawianie-wyostrzanie-box1{
	-webkit-animation: pojawianie-wyostrzanie  0.25s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0.5s both;
	        animation: pojawianie-wyostrzanie  0.25s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0.5s both;
} 

.pojawianie-wyostrzanie-box2{
	-webkit-animation: pojawianie-wyostrzanie  0.25s cubic-bezier(0.550, 0.085, 0.680, 0.530) 1s both;
	        animation: pojawianie-wyostrzanie  0.25s cubic-bezier(0.550, 0.085, 0.680, 0.530) 1s both;
} 


.pojawianie-wyostrzanie-box3{
	-webkit-animation: pojawianie-wyostrzanie  0.25s cubic-bezier(0.550, 0.085, 0.680, 0.530) 1.5s both;
	        animation: pojawianie-wyostrzanie  0.25s cubic-bezier(0.550, 0.085, 0.680, 0.530) 1.5s both;
} 



.pojawianie-wyostrzanie-box4{
	-webkit-animation: pojawianie-wyostrzanie  0.25s cubic-bezier(0.550, 0.085, 0.680, 0.530) 2s both;
	        animation: pojawianie-wyostrzanie  0.25s cubic-bezier(0.550, 0.085, 0.680, 0.530) 2s both;
} 


@-webkit-keyframes odwroceniesie {
  0% {
    -webkit-transform: rotateX(90deg);
            transform: rotateX(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
    opacity: 1;
  }
}
@keyframes odwroceniesie {
  0% {
    -webkit-transform: rotateX(90deg);
            transform: rotateX(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
    opacity: 1;
  }
}


.odwroceniesie {
	-webkit-animation: odwroceniesie 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: odwroceniesie 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}


@-webkit-keyframes pojawianiesie {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes pojawianiesie {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}



.pojawianiesie {
	-webkit-animation: pojawianiesie 3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: pojawianiesie 3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}


@-webkit-keyframes przesundolgora {
  0% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes przesundolgora {
  0% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}




.przesundolgora{
	-webkit-animation: przesundolgora 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: przesundolgora 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}


/* ========== Delikatne animacje scroll / hover (Wita-Med) ========== */

/* Ukrycie tylko gdy JS w??czy? tryb animacji (brak FOUC bez JS) */
html.bp-anim .bp-reveal:not(.is-visible) {
	opacity: 0;
	transform: translateY(18px);
}

html.bp-anim .bp-reveal.bp-reveal--left:not(.is-visible) {
	transform: translateX(-22px);
}

html.bp-anim .bp-reveal.bp-reveal--right:not(.is-visible) {
	transform: translateX(22px);
}

.bp-reveal {
	transition:
		opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1),
		transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

.bp-reveal.is-visible {
	opacity: 1;
	transform: translate(0, 0);
}

.bp-reveal.bp-d1 { transition-delay: 0.08s; }
.bp-reveal.bp-d2 { transition-delay: 0.16s; }
.bp-reveal.bp-d3 { transition-delay: 0.24s; }
.bp-reveal.bp-d4 { transition-delay: 0.32s; }
.bp-reveal.bp-d5 { transition-delay: 0.4s; }
.bp-reveal.bp-d6 { transition-delay: 0.48s; }

/* Wej?cie nag?ówka / hero content */
#menu_naglowek {
	animation: bp-fade-down 0.65s cubic-bezier(0.22, 1, 0.36, 1) both;
}

body:not(.itemid-101) #slider {
	animation: bp-fade-in 0.9s ease both;
}

.naslajdopis,
#mobilna-opis-slajdy {
	animation: bp-fade-up 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.15s both;
}

@keyframes bp-fade-in {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes bp-fade-up {
	from {
		opacity: 0;
		transform: translateY(16px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes bp-fade-down {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Hover: karty us?ug na starcie */
.m342 .m342content > p {
	transition:
		transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
		box-shadow 0.35s ease;
}

.m342 .m342content > p:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 36px 4px rgba(0, 0, 0, 0.12);
}

.m342 .m342content > p img {
	transition: transform 0.4s ease;
}

.m342 .m342content > p:hover img {
	transform: scale(1.06);
}

/* Hover: aktualno?ci */
.m343 .ns2-column,
.m343 .blog-item,
body.com_content.view-category .blog-item {
	transition: transform 0.35s ease, opacity 0.35s ease;
}

.m343 a.ns2-page-title,
.m343 a.ns2-readmore span,
.przyciskkrop,
.dokumenty-do-pobrania a {
	transition: color 0.3s ease, background-position 0.3s ease, letter-spacing 0.3s ease;
}

.przyciskkrop:hover {
	letter-spacing: 0.02em;
}

/* Delikatne pod?wietlenie obrazów w sekcjach */
.m341 img {
	transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1), filter 0.5s ease;
}

.m341:hover img {
	filter: brightness(1.03);
}

/* Linki w menu – ju? maj? transition; skró?my czas dla ?wie?szego feelingu */
.menuglownemenu li a {
	transition: color 0.25s ease, border-color 0.25s ease !important;
}

/* Stopka – lekkie fade linków */
#stopka a {
	transition: color 0.25s ease, opacity 0.25s ease;
}

#stopka a:hover {
	opacity: 0.85;
}

/* Tabela zespo?u – wiersze */
.tabela-wz1 tr td {
	transition: background-color 0.3s ease;
}

.tabela-wz1 tr:hover td {
	background: #e0e8dc !important;
}

/* Cookie / przyciski */
#ca_banner .accept,
button.btn-primary,
.btn {
	transition: background-color 0.3s ease, transform 0.25s ease, box-shadow 0.3s ease !important;
}

#ca_banner .accept:hover,
button.btn-primary:hover,
.btn:hover {
	transform: translateY(-1px);
}

/* Dost?pno??: wy??cz animacje */
@media (prefers-reduced-motion: reduce) {
	html.bp-anim .bp-reveal:not(.is-visible),
	.bp-reveal,
	.bp-reveal.is-visible,
	#menu_naglowek,
	body:not(.itemid-101) #slider,
	.naslajdopis,
	#mobilna-opis-slajdy,
	.m342 .m342content > p,
	.m341 img,
	.przesun-lewo,
	.przesun-prawo,
	.pojawianie-wyostrzanie,
	.pojawianiesie,
	.odwroceniesie,
	.przesundolgora {
		animation: none !important;
		transition: none !important;
		opacity: 1 !important;
		transform: none !important;
		filter: none !important;
	}

	.m342 .m342content > p:hover,
	.m342 .m342content > p:hover img,
	.m341:hover img {
		transform: none !important;
		filter: none !important;
	}
}