.clanak-container {
	max-width: 900px;
	margin: 220px auto 50px;
	padding: 20px;
	background: #fff;
	box-shadow: 0 0 10px #ccc;
	border-radius: 10px;
	overflow: hidden;
}

.clanak-container h1 {
	color: #4b2e1d;
	font-size: 32px;
	margin-bottom: 20px;
	word-wrap: break-word;
}

.meta {
	font-size: 14px;
	color: #777;
	margin-bottom: 20px;
}

.clanak-slika {
	width: 300px;
	height: auto;
	display: block;
	margin: 0 auto 20px;
	border-radius: 10px;
	object-fit: cover;
}

.clanak-tekst {
	font-size: 17px;
	line-height: 1.6;
	color: #333;
	word-wrap: break-word;
	padding: 10px 10px 0 10px;
	white-space: pre-line;
}

.nazad-dugme-container {
	text-align: center;
	margin-top: 30px;
}

.nazad-dugme {
	display: inline-block;
	padding: 10px 20px;
	background-color: #4b2e1d;
	color: #fff;
	text-decoration: none;
	border-radius: 8px;
	transition: background-color 0.3s ease;
	font-size: 16px;
	margin-bottom: 10px;
}

.nazad-dugme:hover {
	background-color: #714830;
}
/* 📱 Mali telefoni (do 480px) */
@media (max-width: 480px) {
	.clanak-container {
		margin: 140px auto 30px;
		padding: 15px;
	}

	.clanak-container h1 {
		font-size: 24px;
	}

	.clanak-slika {
		width: 90%;
		max-width: 250px;
		height: auto;
	}

	.clanak-tekst {
		font-size: 16px;
	}

	.nazad-dugme {
		font-size: 14px;
		padding: 8px 16px;
	}
}

/* 📱 Telefoni veći (481px - 767px) */
@media (min-width: 481px) and (max-width: 767px) {
	.clanak-container {
		margin: 160px auto 40px;
		padding: 18px;
	}

	.clanak-container h1 {
		font-size: 26px;
	}

	.clanak-slika {
		width: 80%;
		max-width: 280px;
	}

	.clanak-tekst {
		font-size: 17px;
	}
}

/* 💻 Tableti (768px - 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
	.clanak-container {
		margin: 180px auto 50px;
		padding: 20px;
	}

	.clanak-container h1 {
		font-size: 28px;
	}

	.clanak-slika {
		width: 300px;
	}
}

/* 💻 Veći desktop (1400px+) */
@media (min-width: 1400px) {
	.clanak-container {
		max-width: 1000px;
		margin: 220px auto 50px;
	}
}