.my-custom-class {
	position: relative;
/* Postavlja poziciju slike u odnosu na njen okvir */
	overflow: hidden;
/* Skriva deo slike koji izlazi iz okvira */
	transition: transform .3s ease, box-shadow .3s ease;
/* Glatka tranzicija za povećanje i senku */
	z-index: 1;
/* Osigurava da slika bude iznad drugih elemenata */
	border-radius: 15px;
/* Dodaje zaobljene ivice okvira */
}

.my-custom-class:hover {
	transform: scale(1.1);
/* Povećava sliku pri hoveru */
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
/* Dodaje senku oko slike */
}

.my-custom-class img {
	transition: transform .3s ease;
/* Glatka tranzicija za sliku */
	border-radius: 15px;
/* Dodaje zaobljene ivice slici */
}

.my-custom-class:hover img {
	transform: scale(1.1);
/* Povećava sliku unutar okvira */
}

.is-style-outline:hover {
	background-color: #013CB0;
/* Plava pozadina pri hoveru */
	color: #ffffff;
/* Bela boja teksta pri hoveru */
	border-radius: 25px;
	box-shadow: 0 4px 15px rgba(255, 255, 255, 0.6) !important;
/* Održava zaobljene ivice pozadine */
/* Hover efekt za dugme na svim stranicama */
	background-color: #013CB0 !important;
/* Zelena pozadina na hover */
	color: #ffffff !important;
/* Belo tekst na hover */
	border-radius: 25px !important;
}

/* Osiguraj da nema crvene boje za hover ako postoji neki prepisani stil */
.wp-block-button__link.wp-element-button:hover {
	background-color: #013CB0 !important;
	color: #ffffff !important;
	border: 2px solid #013CB0 !important;
	box-shadow: 0 4px 15px rgba(255, 255, 255, 0.6) !important;
/* Zeleni okvir na hover */
}

.my-custom-img {
	transition: border-radius .3s ease-in-out;
/* Animacija pri promeni oblika */
	border-radius: 0;
/* Početno je kvadrat */
	object-fit: cover;
/* Da slika ne menja proporcije */
}

/* Hover efekat - slika postaje krug */
.my-custom-img:hover {
	border-radius: 50% !important;
/* Na hoveru slika postaje krug */
}

.bounce {
	animation: bounce 2s infinite;
}

@keyframes bounce {
	0%, 100% {
		transform: translateY(0);
	}
	
	50% {
		transform: translateY(-10px);
	}
}

.glow-text {
	color: #ffffff;
/* Bijela boja teksta */
	text-shadow: 0 0 5px #002fff, 0 0 10px #005eff, 0 0 15px #00aaff;
	animation: glow 1.5s infinite alternate;
}

@keyframes glow {
	from {
		text-shadow: 0 0 5px #002fff, 0 0 10px #005eff, 0 0 15px #00aaff;
	}
	
	to {
		text-shadow: 0 0 10px #005eff, 0 0 20px #00aaff, 0 0 30px #66d9ff;
	}
}

.fade-in {
	opacity: 0;
	animation: fadeIn 1.5s ease-in forwards;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	
	to {
		opacity: 1;
	}
}