/* =========================================================================
   B5 / B8 — Novosti loop (archive/blog/home item)
   Učitava se preko inc/b05-news-loop.php (handle: blato-b05, dep: corporate-plus-parent).
   Desktop (>=1024) i tablet (768-1023) ostaju IDENTICNI baseline-u:
   .post-thumb float:left 38% — ne diramo izvan mobilnog @media-a.
   ========================================================================= */

/* --- B5: "Saznajte vise" read-more link unutar excerpta --- */
.entry-content .blato-b05-more {
	white-space: nowrap;
	font-weight: 600;
}

/* --- B5/B7: datum objave (dno-lijevo itema). Helper definira drugi modul;
   ako ga nema, .blato-b05-meta je prazan. Drzi se IZVAN .entry-footer jer
   wpmdr plugin globalno krije `.entry-footer{display:none!important}`. --- */
.blato-b05-meta {
	clear: both;
	text-align: left;
	margin: 8px 0 0;
}
.blato-b05-meta .blato-post-date,
.blato-b05-date .blato-post-date {
	display: inline-block;
	font-size: 13px;
	color: #888;
	font-style: italic;
}

/* B5/B7: datum ISPOD naslova — moderni prikaz na arhivi Novosti.
   Zamjenjuje stari "nakaradni" datum na dnu kartice. */
.blato-b05-meta--head {
	clear: both;
	margin: 4px 0 18px;
}
.blato-b05-meta--head .blato-post-date {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 12px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #316747;
}
.blato-b05-meta--head .blato-post-date::before {
	content: "\f073";
	font-family: "FontAwesome";
	font-size: 13px;
	font-weight: normal;
	line-height: 1;
	color: #316747;
}

/* =========================================================================
   B8 — MOBILE (<=767px): slika puna sirina NA VRHU, naslov + excerpt ISPOD.
   DOM redoslijed unutar .content-wrapper je: header(naslov) -> .post-thumb ->
   .entry-content. Flex column + order:-1 na .post-thumb dize sliku na vrh, bez
   diranja markupa: slika -> naslov -> excerpt -> footer.
   ========================================================================= */
@media screen and (max-width: 767px) {

	article.post .content-wrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	/* slika ide na vrh */
	article.post .content-wrapper .post-thumb {
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1;
		float: none;
		width: 100%;
		margin: 0 0 15px;
		text-align: center;
	}

	article.post .content-wrapper .post-thumb a,
	article.post .content-wrapper .post-thumb img {
		display: block;
		width: 100%;
		height: auto;
	}

	/* naslov + excerpt puna sirina ispod slike */
	article.post .content-wrapper .entry-header,
	article.post .content-wrapper .entry-content {
		width: 100%;
		float: none;
	}
}