/* Blog (hub /blog/, clanci, kategorije i tagovi) u dizajnu strana gradova, 2026-10-25 (korisnica: hero, bedzevi i linkovi nisu sredjeni kao na gradu).
   Hero: brojevi i akreditacije kao oznake (pill) bez podvlake, bedzevi u heroju kao staklaste plocice (bez bele trake ispod heroja).
   Linkovi u tekstu: zuti, bez podvlake, kao na gradu (pravilo B10 iz 20.10 – tamnozuti sa podvlakom – vise ne vazi za blog). */

/* ---------- hero /blog/ ---------- */
.page-template-blog .hero-wrapper::before {
	background: linear-gradient(0deg, rgba(20,20,20,.82) 0%, rgba(20,20,20,.55) 45%, rgba(20,20,20,.45) 100%) !important;
	opacity: 1 !important;
}
.page-template-blog .hero-section .hero-content { padding-bottom: 8px; }

/* brojevi i akreditacije: oznake kao na gradu */
.page-template-blog p.md-hero-trust { justify-content: center; gap: 8px !important; border-top: 0; padding-top: 4px; }
.page-template-blog p.md-hero-trust > span { display: inline-flex; align-items: center; gap: 6px; min-height: 34px; padding: 6px 14px; border-radius: 999px; background: rgba(29, 29, 29, .55); border: 1px solid rgba(255, 255, 255, .18); color: #F2F2F2; line-height: 1.3; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); font-size: 14px !important; }
.page-template-blog p.md-hero-trust a { color: #fff !important; text-decoration: none !important; font-weight: 700; }
.page-template-blog p.md-hero-trust a::after { content: " ↗"; color: #FDC702; font-weight: 800; }
.page-template-blog p.md-hero-trust a:hover { color: #FDC702 !important; }
.page-template-blog p.md-hero-trust > span:has(a):hover { border-color: #FDC702; }

/* bedzevi u heroju: staklaste plocice u jednom redu */
.md-blog-badges { width: 100%; max-width: 1000px; margin: 36px auto 0; }
.md-blog-badges .md-trust-strip { float: none; clear: none; width: 100%; margin: 0; background: transparent; border: 0; box-shadow: none; }
.md-blog-badges .mts-wrap { max-width: none; padding: 0; display: flex; flex-wrap: nowrap; gap: 16px; justify-content: stretch; }
.md-blog-badges .mts-wrap > a,
.md-blog-badges .mts-wrap > span { flex: 1 1 0; min-width: 0; height: 92px; display: flex; align-items: center; justify-content: center; padding: 14px 18px; border-radius: 16px; background: rgba(255, 255, 255, .09); border: 1px solid rgba(255, 255, 255, .18); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); transition: background .15s, border-color .15s, transform .15s; box-sizing: border-box; }
.md-blog-badges .mts-wrap > a:hover { background: rgba(255, 255, 255, .16); border-color: #FDC702; transform: translateY(-2px); }
.md-blog-badges img { max-height: 56px; max-width: 100%; }
@media (max-width: 899px) {
	.md-blog-badges { margin-top: 24px; }
	.md-blog-badges .mts-wrap { flex-wrap: wrap; gap: 10px; }
	.md-blog-badges .mts-wrap > a,
	.md-blog-badges .mts-wrap > span { flex: 1 1 calc(50% - 5px); height: 72px; padding: 10px 14px; border-radius: 14px; }
	.md-blog-badges .mts-wrap > :last-child:nth-child(odd) { flex-basis: 100%; }
	.md-blog-badges img { max-height: 44px; }
}
@media (max-width: 767px) {
	.page-template-blog p.md-hero-trust { display: flex !important; gap: 6px !important; }
	.page-template-blog p.md-hero-trust > span { min-height: 28px; padding: 3px 9px; font-size: 12px !important; }
	.page-template-blog p.md-hero-trust > span * { font-size: 12px !important; }
}

/* ---------- linkovi u tekstu: zuti, bez podvlake (kao na gradu) ---------- */
.single-post .content :is(p, li, td) a:not([class*="btn"]):not(.banner-get-quote),
.category .content :is(p, li) a:not([class*="btn"]):not(.banner-get-quote),
.tag .content :is(p, li) a:not([class*="btn"]):not(.banner-get-quote) {
	color: #FDC702 !important;
	text-decoration: none !important;
	font-weight: 800;
}

.single-post .content :is(p, li, td) a:not([class*="btn"]):not(.banner-get-quote):hover,
.category .content :is(p, li) a:not([class*="btn"]):not(.banner-get-quote):hover,
.tag .content :is(p, li) a:not([class*="btn"]):not(.banner-get-quote):hover { color: #1D1D1D !important; }
/* ostali podvuceni linkovi na blogu: telefon u bocnoj kartici, linkovi u kutiji autora */
.md-blog-side__call a, a.md-card-cat { text-decoration: none !important; }
.md-author-box__links a { color: #FDC702 !important; text-decoration: none !important; font-weight: 800; }
.md-author-box__links a:hover { color: #1D1D1D !important; }