/* ==========================================================================
   Stranica pojedinačne vesti
   ========================================================================== */

.pn-single-header {
	max-width: 860px;
	margin-inline: auto;
	padding-top: var(--pn-space-6);
	padding-bottom: var(--pn-space-6);
	text-align: left;
}
.pn-single-header .pn-badge { margin-bottom: var(--pn-space-4); }
.pn-single-header__title {
	font-size: var(--pn-fs-3xl);
	line-height: var(--pn-lh-tight);
	margin-bottom: var(--pn-space-4);
}
.pn-single-header__excerpt {
	font-size: var(--pn-fs-md);
	color: var(--pn-text-secondary);
	margin-bottom: var(--pn-space-5);
}

.pn-single-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: var(--pn-space-4);
	padding-block: var(--pn-space-4);
	border-top: 1px solid var(--pn-border);
	border-bottom: 1px solid var(--pn-border);
}
.pn-author {
	display: flex;
	align-items: center;
	gap: var(--pn-space-3);
}
.pn-author img {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	object-fit: cover;
}
.pn-author__name {
	font-weight: 700;
	font-size: var(--pn-fs-sm);
	color: var(--pn-black);
}
.pn-author__role {
	font-size: var(--pn-fs-xs);
	color: var(--pn-text-tertiary);
}
.pn-single-meta__right {
	display: flex;
	align-items: center;
	gap: var(--pn-space-4);
	font-size: var(--pn-fs-xs);
	color: var(--pn-text-tertiary);
}
.pn-single-meta__right .item {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}
.pn-single-meta__right svg { width: 15px; height: 15px; }

/* ---- Featured image full width ---- */
.pn-single-thumb {
	max-width: var(--pn-container-max);
	margin: var(--pn-space-6) auto;
	padding-inline: var(--pn-container-padding);
}
.pn-single-thumb img {
	width: 100%;
	border-radius: var(--pn-radius-xl);
	aspect-ratio: 16 / 8;
	object-fit: cover;
}
.pn-single-thumb figcaption {
	font-size: var(--pn-fs-xs);
	color: var(--pn-text-tertiary);
	margin-top: var(--pn-space-2);
	text-align: center;
}

/* ---- Sadržaj članka ---- */
.pn-article-content {
	max-width: 720px;
	margin-inline: auto;
	font-size: var(--pn-fs-md);
	line-height: var(--pn-lh-relaxed);
	color: var(--pn-text);
}
.pn-article-content p { margin-bottom: var(--pn-space-5); color: var(--pn-text); }
.pn-article-content h2 {
	font-size: var(--pn-fs-xl);
	margin-top: var(--pn-space-8);
}
.pn-article-content h3 {
	font-size: var(--pn-fs-lg);
	margin-top: var(--pn-space-6);
}
.pn-article-content img {
	border-radius: var(--pn-radius-lg);
	margin-block: var(--pn-space-5);
}
.pn-article-content blockquote {
	border-left: 4px solid var(--pn-accent);
	padding: var(--pn-space-2) 0 var(--pn-space-2) var(--pn-space-5);
	margin: var(--pn-space-6) 0;
	font-size: var(--pn-fs-lg);
	font-style: italic;
	color: var(--pn-black);
	font-family: var(--pn-font-heading);
	font-weight: 600;
}
.pn-article-content a { color: var(--pn-accent); text-decoration: underline; text-underline-offset: 3px; }
.pn-article-content ul, .pn-article-content ol { margin-bottom: var(--pn-space-5); color: var(--pn-text); }
.pn-article-content figure { margin-block: var(--pn-space-6); }
.pn-article-content .wp-block-quote { border-left: 4px solid var(--pn-accent); padding-left: var(--pn-space-5); }

/* ---- Footer članka: tagovi, share ---- */
.pn-article-footer {
	max-width: 720px;
	margin: var(--pn-space-7) auto 0;
	padding-top: var(--pn-space-6);
	border-top: 1px solid var(--pn-border);
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: var(--pn-space-4);
}

/* ---- Prethodna / sledeća vest ---- */
.pn-post-nav {
	max-width: 860px;
	margin: var(--pn-space-8) auto 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--pn-space-5);
}
.pn-post-nav__item {
	display: block;
	padding: var(--pn-space-5);
	border: 1px solid var(--pn-border);
	border-radius: var(--pn-radius-lg);
	transition: all var(--pn-transition-fast);
}
.pn-post-nav__item:hover { border-color: var(--pn-accent); box-shadow: var(--pn-shadow-md); }
.pn-post-nav__label {
	font-size: var(--pn-fs-xs);
	font-weight: 700;
	text-transform: uppercase;
	color: var(--pn-accent);
	display: block;
	margin-bottom: var(--pn-space-2);
}
.pn-post-nav__next { text-align: right; }
.pn-post-nav__title { font-size: var(--pn-fs-sm); font-weight: 700; }

/* ---- Povezane vesti ---- */
.pn-related {
	max-width: var(--pn-container-max);
	margin: var(--pn-space-9) auto 0;
	padding-inline: var(--pn-container-padding);
}

/* ---- Komentari ---- */
.pn-comments {
	max-width: 720px;
	margin: var(--pn-space-8) auto 0;
}
.comment-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.comment-list .children {
	list-style: none;
	padding-left: var(--pn-space-6);
}
.pn-comment {
	display: flex;
	gap: var(--pn-space-3);
	padding: var(--pn-space-5) 0;
	border-bottom: 1px solid var(--pn-border);
}
.pn-comment .avatar { border-radius: 50%; width: 44px; height: 44px; }
.pn-comment-author { font-weight: 700; font-size: var(--pn-fs-sm); }
.pn-comment-date { font-size: var(--pn-fs-xs); color: var(--pn-text-tertiary); }
.pn-comment-content p { font-size: var(--pn-fs-sm); margin: var(--pn-space-2) 0; }
.comment-reply-link {
	font-size: var(--pn-fs-xs);
	font-weight: 700;
	color: var(--pn-accent);
}
.comment-respond {
	margin-top: var(--pn-space-6);
	background: var(--pn-bg-subtle);
	padding: var(--pn-space-6);
	border-radius: var(--pn-radius-lg);
}
.comment-form p { margin-bottom: var(--pn-space-4); }
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
	width: 100%;
	padding: 12px 16px;
	border-radius: var(--pn-radius-md);
	border: 1.5px solid var(--pn-border);
	background: var(--pn-bg);
}
.comment-form textarea { min-height: 120px; resize: vertical; }
.comment-form .form-submit { margin-bottom: 0; }