/* Drina Press – pojedinačni članak (dopuna za dp-arhiva.css) */

.dp-mrvice__kat { color: var(--dp-plava) !important; font-weight: 600; }
.dp-mrvice__clanak { color: var(--dp-siva); }

/* ---------- Zaglavlje članka ---------- */
.dp-clanak__vrh { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; }
.dp-clanak__naslovni { min-width: 0; }
.dp-clanak__kat { margin-bottom: 12px; text-decoration: none !important; color: #fff !important; }
.dp-clanak__naslov {
	font: 900 clamp(27px, 3.4vw, 40px)/1.18 var(--dp-serif) !important;
	color: var(--dp-tamna) !important;
	letter-spacing: -.01em;
	margin: 0 !important;
}
.dp-clanak__lid {
	font: 400 clamp(17px, 1.6vw, 19px)/1.6 var(--dp-serif);
	color: #34404c;
	margin: 16px 0 0 !important;
}

/* Dijeljenje */
.dp-dijeli { flex: 0 0 auto; padding-top: 4px; }
.dp-dijeli__naslov { display: block; font-size: 13px; color: var(--dp-siva); margin-bottom: 7px; }
.dp-dijeli__dugmad { display: flex; gap: 8px; position: relative; }
.dp-dijeli__dugme {
	width: 36px; height: 36px; border-radius: 50%; border: 0 !important; padding: 0 !important; margin: 0 !important;
	display: grid; place-items: center; cursor: pointer; transition: transform .15s ease, filter .15s ease;
}
.dp-dijeli__dugme svg { width: 20px; height: 20px; display: block; }
.dp-dijeli__dugme:hover { transform: translateY(-2px); filter: brightness(1.08); }
.dp-dijeli--fb { background: #1877f2 !important; }
.dp-dijeli--x { background: #111 !important; }
.dp-dijeli--viber { background: #7360f2 !important; }
.dp-dijeli--link { background: #6b7a8a !important; }
.dp-dijeli__poruka { position: absolute; right: 0; top: 44px; font-size: 12px; color: var(--dp-plava); white-space: nowrap; }

/* Autor, datum, vrijeme čitanja */
.dp-clanak__meta {
	display: flex; flex-wrap: wrap; align-items: center; gap: 10px 0;
	margin: 18px 0 20px; font-size: 14px; color: #3d4753;
}
.dp-clanak__meta > * { display: inline-flex; align-items: center; gap: 8px; padding: 0 22px; border-left: 1px solid var(--dp-linija); }
.dp-clanak__meta > *:first-child { padding-left: 0; border-left: 0; }
.dp-clanak__avatar { width: 40px !important; height: 40px !important; border-radius: 50%; margin: 0 !important; }
.dp-clanak__autor > span { display: flex; flex-direction: column; line-height: 1.3; }
.dp-clanak__autor b { color: var(--dp-tekst); font-weight: 700; }
.dp-clanak__autor small { font-size: 12px; color: var(--dp-siva); }
.dp-clanak__podatak svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

/* Glavna slika */
.dp-clanak__slika { position: relative; margin: 0 0 22px !important; background: #dfe7ee; }
.dp-clanak__img { display: block; width: 100% !important; height: auto !important; max-height: 560px; object-fit: cover; margin: 0 !important; }
.dp-clanak__opis-slike {
	display: flex; align-items: center; justify-content: space-between; gap: 12px;
	background: rgba(28, 36, 48, .78); color: #fff; font-size: 13px; line-height: 1.4; padding: 8px 12px;
	position: absolute; left: 0; right: 0; bottom: 0;
}
.dp-clanak__opis-slike span:empty { display: none; }
.dp-clanak__uvecaj { margin-left: auto; color: #fff !important; line-height: 0; }
.dp-clanak__uvecaj svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

/* ---------- Tekst članka ---------- */
.dp-clanak__tekst { font: 400 17px/1.75 var(--dp-serif); color: #27313c; overflow-wrap: break-word; }
.dp-clanak__tekst::after { content: ""; display: table; clear: both; }
.dp-clanak__tekst > * { margin-top: 0; }
.dp-clanak__tekst p { margin: 0 0 1.15em !important; }
.dp-clanak__tekst :is(h2, h3, h4) { font-family: var(--dp-serif) !important; color: var(--dp-tamna) !important; line-height: 1.3 !important; margin: 1.5em 0 .55em !important; }
.dp-clanak__tekst h2 { font-size: 23px !important; font-weight: 700 !important; }
.dp-clanak__tekst h3 { font-size: 20px !important; font-weight: 700 !important; }
.dp-clanak__tekst h4 { font-size: 18px !important; font-weight: 700 !important; }
.dp-clanak__tekst a { color: var(--dp-plava) !important; text-decoration: underline !important; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.dp-clanak__tekst :is(ul, ol) { margin: 0 0 1.15em 1.3em !important; padding: 0 !important; }
.dp-clanak__tekst li { margin-bottom: .35em; }

.dp-clanak__tekst blockquote,
.dp-clanak__tekst .wp-block-quote,
.dp-clanak__tekst .wp-block-pullquote {
	position: relative; margin: 1.6em 0 !important; padding: 20px 22px 20px 74px !important;
	background: var(--dp-svetla); border: 0 !important; border-left: 4px solid var(--dp-plava) !important;
	font-style: italic; font-size: 17px; line-height: 1.6; color: var(--dp-tamna); text-align: left;
}
.dp-clanak__tekst blockquote::before {
	content: "\201C"; position: absolute; left: 20px; top: 6px;
	font: 900 64px/1 var(--dp-serif); color: var(--dp-plava); font-style: normal;
}
.dp-clanak__tekst blockquote p:last-of-type { margin-bottom: 0 !important; }
.dp-clanak__tekst blockquote :is(cite, footer) {
	display: block; margin-top: 8px; font: normal 14px/1.4 var(--dp-sans); color: var(--dp-siva);
}
.dp-clanak__tekst blockquote :is(cite, footer)::before { content: "— "; }
.dp-clanak__tekst blockquote :is(cite, footer) strong { color: var(--dp-tekst); }

.dp-clanak__tekst :is(figure, .wp-caption) { margin: 1.4em 0 !important; max-width: 100%; }
.dp-clanak__tekst img { max-width: 100%; height: auto; }
.dp-clanak__tekst :is(figcaption, .wp-caption-text, .wp-element-caption) {
	font: 13px/1.45 var(--dp-sans); color: var(--dp-siva); margin-top: 6px !important; text-align: left;
}
.dp-clanak__tekst :is(.alignleft, figure.alignleft) { float: left; max-width: 45%; margin: .3em 24px 12px 0 !important; }
.dp-clanak__tekst :is(.alignright, figure.alignright) { float: right; max-width: 45%; margin: .3em 0 12px 24px !important; }
.dp-clanak__tekst .aligncenter { margin-left: auto !important; margin-right: auto !important; }
.dp-clanak__tekst iframe { max-width: 100%; }

/* ---------- Oznake i navigacija ---------- */
.dp-clanak__oznake { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 26px 0 0; font-size: 14px; }
.dp-clanak__oznake > span { font-weight: 600; margin-right: 4px; }
.dp-clanak__oznake a {
	background: var(--dp-svetla); color: var(--dp-plava) !important; padding: 5px 12px; border-radius: 3px; font-size: 13px;
}
.dp-clanak__oznake a:hover { background: var(--dp-plava); color: #fff !important; }

.dp-clanak__nav {
	display: grid; grid-template-columns: 1fr 1fr; margin-top: 24px; padding-top: 18px; border-top: 1px solid var(--dp-linija);
}
.dp-clanak__nav a { display: flex; align-items: center; gap: 12px; color: var(--dp-tekst) !important; }
.dp-clanak__nav-pret { padding-right: 18px; border-right: 1px solid var(--dp-linija); }
.dp-clanak__nav-sled { justify-content: flex-end; text-align: right; padding-left: 18px; }
.dp-clanak__nav small { display: block; font-size: 13px; color: var(--dp-plava); margin-bottom: 2px; }
.dp-clanak__nav b { font: 700 15px/1.35 var(--dp-serif); }
.dp-clanak__nav a:hover b { color: var(--dp-plava); }
.dp-clanak__nav svg { flex: 0 0 22px; width: 22px; height: 22px; fill: none; stroke: var(--dp-plava); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

.dp-clanak__komentari { margin-top: 36px; }

/* ---------- Povezane vijesti (bočna traka) ---------- */
.dp-povezane { margin-top: 10px; }
.dp-povezane__zaglavlje { display: flex; justify-content: space-between; align-items: flex-end; gap: 10px; margin-bottom: 14px; }
.dp-povezane__naslov {
	position: relative; font: 700 21px/1.2 var(--dp-serif) !important; color: var(--dp-tamna) !important;
	margin: 0 !important; padding-bottom: 9px;
}
.dp-povezane__naslov::after { content: ""; position: absolute; left: 0; bottom: 0; width: 40px; height: 3px; background: var(--dp-plava); }
.dp-povezane__zaglavlje a { font-size: 13px; color: var(--dp-plava) !important; padding-bottom: 10px; white-space: nowrap; }
.dp-povezana { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--dp-linija); }
.dp-povezana:last-child { border-bottom: 0; }
.dp-povezana__slika { display: block; aspect-ratio: 4 / 3; overflow: hidden; }
.dp-povezana .dp-natpis { font-size: 10px; padding: 4px 6px; margin-bottom: 5px; }
.dp-povezana__naslov { font: 700 14px/1.3 var(--dp-serif) !important; margin: 0 0 5px !important; }
.dp-povezana__naslov a { color: var(--dp-tekst) !important; }
.dp-povezana__naslov a:hover { color: var(--dp-plava) !important; }
.dp-povezana .dp-meta { font-size: 12px; }

/* ---------- Mobilni ---------- */
@media (max-width: 760px) {
	.dp-clanak__vrh { flex-direction: column; gap: 14px; }
	.dp-dijeli { display: flex; align-items: center; gap: 10px; padding: 0; }
	.dp-dijeli__naslov { margin: 0; }
	.dp-clanak__meta > * { padding: 0 14px; }
	.dp-clanak__opis-slike { position: static; }
	.dp-clanak__tekst { font-size: 16.5px; }
	.dp-clanak__tekst :is(.alignleft, .alignright, figure.alignleft, figure.alignright) { float: none; max-width: 100%; margin: 1.2em 0 !important; }
	.dp-clanak__tekst blockquote { padding: 18px 16px 18px 56px !important; }
	.dp-clanak__tekst blockquote::before { left: 12px; font-size: 52px; }
	.dp-clanak__nav { grid-template-columns: 1fr; gap: 14px; }
	.dp-clanak__nav-pret { border-right: 0; padding-right: 0; }
	.dp-clanak__nav-sled { padding-left: 0; }
}
@media (max-width: 480px) {
	.dp-clanak__meta > *:not(.dp-clanak__autor) { font-size: 13px; }
	.dp-clanak__meta > .dp-clanak__autor { flex-basis: 100%; padding: 0; border: 0; }
	.dp-clanak__meta > .dp-clanak__autor + * { padding-left: 0; border-left: 0; }
}