/* 1. KUTIJE VIJESTI: Normalno stanje - odmah uočljiva sjena */
.blok-vijest {
	background-color: #FFFFFF; 
	border-radius: 4px; 
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.16), 0 3px 8px rgba(0, 0, 0, 0.10) !important;
	padding: 14px; 
	font-family: 'Times New Roman'; 
	text-align: left;
	transition: all 0.25s ease-in-out !important;
}

/* 2. KUTIJE VIJESTI: Hover efekt - dodatno odizanje i lebdenje */
.vijest-link:hover .blok-vijest, .blok-vijest:hover {
	transform: translateY(-5px);
	box-shadow: 0 16px 36px rgba(0, 0, 0, 0.28), 0 6px 12px rgba(0, 0, 0, 0.18) !important;
	background-color: #FAFAFA !important;
}

/* 3. VIJESTI TEKST: Boldanje i svjetlija crvena isključivo na hover */
.vijest-link:hover .vijest-naslov, .blok-vijest:hover a {
	color: #B30000 !important;
	font-weight: bold !important;
}

/* 4. KUTIJA INFO: Osnovni stil s glatkim prijelazom */
.info-kutija {
	transition: all 0.25s ease-in-out !important;
}

/* 5. KUTIJA INFO: Hover efekt - odizanje i pojačavanje sjene */
.info-kutija:hover {
	transform: translateY(-5px);
	box-shadow: 0 18px 42px rgba(0, 0, 0, 0.32), 0 8px 16px rgba(0, 0, 0, 0.22) !important;
	background-color: #FAFAFA !important;
}

/* 6. ARHIVA GODINE: Kutijice u normalnom stanju */
.arhiv-godina {
	background-color: #FFFFFF;
	border-radius: 4px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.08) !important;
	padding: 6px 20px;
	font-family: 'Times New Roman';
	font-size: 11pt;
	font-weight: normal;
	color: #800000;
	text-decoration: none;
	transition: all 0.2s ease-in-out !important;
}

/* 7. ARHIVA GODINE: Hover efekt - skok kartice, bold i svjetlija boja */
.arhiv-godina:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.20), 0 3px 6px rgba(0, 0, 0, 0.12) !important;
	background-color: #FAFAFA !important;
	color: #B30000 !important;
	font-weight: bold !important;
}

/* 8. ŠAH GUMBI: Osnovni izgled - uvijek boldani */
.sah-gumb {
	background-color: #FFFFFF !important;
	color: #800000 !important;
	border: 1px solid #800000 !important;
	border-radius: 4px !important;
	padding: 6px 14px !important;
	font-size: 10pt !important;
	font-weight: bold !important;
	text-decoration: none !important;
	display: inline-block !important;
	box-shadow: 0 2px 6px rgba(0,0,0,0.08) !important;
	transition: all 0.2s ease-in-out !important;
}

/* 9. ŠAH GUMBI: Hover efekt - pojedinačna promjena boje u bordo */
.sah-gumb:hover {
	background-color: #800000 !important;
	color: #FFFFFF !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 5px 12px rgba(128,0,0,0.25) !important;
}

/* 10. GORNJA NAVIGACIJA: Osnovni izgled linkova */
.nav-link {
	color: #FFFFFF !important; 
	text-decoration: none !important; 
	transition: all 0.2s ease-in-out !important;
	display: inline-block;
}

/* 11. GORNJA NAVIGACIJA: Hover efekt - tekst postaje zlatno-žut uz lagani sjaj */
.nav-link:hover {
	color: #FFCC00 !important; 
	text-shadow: 0px 0px 8px rgba(255, 204, 0, 0.6) !important; 
}

/* 12. BANER ZAKON O BRANITELJIMA: Osnovno stanje slike */
.desni-baner-link img {
	transition: all 0.25s ease-in-out !important;
}

/* 13. BANER ZAKON O BRANITELJIMA: Hover efekt - odizanje i duboka sjena slike */
.desni-baner-link:hover img {
	transform: translateY(-4px) !important;
	box-shadow: 0 16px 36px rgba(0, 0, 0, 0.35) !important;
	filter: brightness(1.05) !important; 
}

/* 14. UPLATNICA: Osnovno stanje slike u mirovanju (Popravljeno) */
.uplatnica-link img {
	transition: all 0.25s ease-in-out !important;
}

/* 15. UPLATNICA: Hover efekt odizanja i drastičnog pojačavanja sjene */
.uplatnica-link:hover img {
	transform: translateY(-4px) !important;
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.30), 0 6px 10px rgba(0, 0, 0, 0.20) !important;
	filter: brightness(1.03) !important;
}