/* =========================================================================
   parts/content.css — SADRŽAJ STRANE / OBJAVE.
   Samo kozmetika. Ne dira float-layout (#primary širinu), ne menja JS/PHP.
   Koristi ISKLJUČIVO tokene iz style.css (:root).
   ========================================================================= */


/* =========================================================================
   SADRŽAJ STRANE — tipografija, naslovi, liste, citati, tabele, linkovi
   ========================================================================= */

/* Glavni članak: vazdušastiji ritam, čitljiva širina teksta unutar kolone. */
#primary.site-content .hentry {
	color: var(--pz-body);
}

/* Zaglavlje unosa / naslov strane */
.entry-header {
	margin-bottom: 1.4rem;
}

/* -------------------------------------------------------------------------
   UJEDNAČEN NASLOV STRANE — jedan zajednički stil za SVE prikaze.
   Identičan referentnom .pz-events__title / .pz-posts__title (blog + events
   arhiva): isti font (h1 clamp, weight 800, line-height 1.18, tracking
   -0.015em) i ista gradient podvlaka (68px×4px pill, accent→gold), isti
   razmaci iznad/ispod. Vrednosti su eksplicitne jer roditeljska ribosome tema
   (.entry-header .entry-title 0,2,0 i .page-title) ima jaču specifičnost i
   inače gura naslov na sitan, netežak, siv tekst.
   Pokriva: klasične strane, single post, arhive aktivnosti, 404, pretragu.
   ------------------------------------------------------------------------- */
.entry-header h1.entry-title,
.archive-header .page-title,
.page-header .page-title {
	position: relative;
	color: var(--pz-ink);
	font-family: var(--pz-font);
	font-size: clamp(1.9rem, 3.6vw, 2.7rem);
	font-weight: 800;
	line-height: 1.18;
	letter-spacing: -0.015em;
	text-transform: none;
	margin: 0 0 1.4rem;
	padding-bottom: 0.6rem;
}
.entry-header h1.entry-title::after,
.archive-header .page-title::after,
.page-header .page-title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 68px;
	height: 4px;
	border-radius: var(--pz-radius-pill);
	background: linear-gradient(90deg, var(--pz-accent), var(--pz-gold));
}

/* Prazan tematski naslov — sakrij da ne ostane lebdeća podvlaka bez teksta. */
.entry-header h1.entry-title:empty {
	display: none;
}

/* Neutrališi ribosome „archive-header" kutiju (siva podloga + leva linija) da
   naslov pretrage/arhive izgleda čisto kao referentni naslov, bez okvira. */
.archive-header {
	margin: 0 0 1.4rem;
	padding: 0;
	border: 0;
	background: none;
}

.entry-title a {
	color: var(--pz-ink);
}
.entry-title a:hover {
	color: var(--pz-accent);
}

/* Meta (datum/autor) — prigušeno, sitnije */
.entry-meta,
.entry-meta a {
	color: var(--pz-muted);
	font-size: 0.9rem;
}
.entry-meta a:hover {
	color: var(--pz-accent);
}

/* Telo teksta: mekši ritam, naslovi sekcija razmaknuti */
.entry-content {
	color: var(--pz-body);
	font-size: 1.02rem;
	line-height: 1.75;
}
.entry-content > h2,
.entry-content > h3,
.entry-content > h4 {
	margin-top: 2rem;
	margin-bottom: 0.8rem;
}
.entry-content > p {
	margin: 0 0 1.2rem;
}

/* Linkovi u sadržaju — akcenat brenda sa suptilnom podvlakom na hover */
.entry-content a {
	color: var(--pz-accent);
	text-decoration: none;
	box-shadow: inset 0 -1px 0 0 var(--pz-gold-soft);
	transition: color .18s ease, box-shadow .18s ease;
}
.entry-content a:hover,
.entry-content a:focus {
	color: var(--pz-accent-700);
	box-shadow: inset 0 -2px 0 0 var(--pz-accent);
}

/* Liste — uredniji razmak i marker u tonu brenda */
.entry-content ul,
.entry-content ol {
	margin: 0 0 1.2rem 1.4rem;
	padding: 0;
}
.entry-content li {
	margin: 0.35rem 0;
}
.entry-content ul li::marker {
	color: var(--pz-accent);
}
.entry-content ol li::marker {
	color: var(--pz-gold);
	font-weight: 700;
}

/* Citat — meka topla kartica sa akcentom sa strane */
.entry-content blockquote {
	margin: 1.6rem 0;
	padding: 1rem 1.25rem;
	background: var(--pz-surface-2);
	border-left: 4px solid var(--pz-accent);
	border-radius: var(--pz-radius-sm);
	color: var(--pz-ink);
	font-style: italic;
}
.entry-content blockquote p:last-child {
	margin-bottom: 0;
}

/* Kod / preformatirano */
.entry-content code {
	background: var(--pz-surface-2);
	border: 1px solid var(--pz-line);
	border-radius: 6px;
	padding: 0.1em 0.4em;
	font-size: 0.9em;
}
.entry-content pre {
	background: var(--pz-surface-2);
	border: 1px solid var(--pz-line);
	border-radius: var(--pz-radius-sm);
	padding: 1rem 1.1rem;
	overflow-x: auto;
}

/* Horizontalna linija */
.entry-content hr {
	border: 0;
	height: 1px;
	background: var(--pz-line);
	margin: 2rem 0;
}

/* Tabele — čiste linije, topao zebra red, istaknut header */
.entry-content table {
	width: 100%;
	border-collapse: collapse;
	margin: 1.4rem 0;
	border: 1px solid var(--pz-line);
	border-radius: var(--pz-radius-sm);
	overflow: hidden;
	font-size: 0.96rem;
}
.entry-content th,
.entry-content td {
	padding: 0.7rem 0.9rem;
	border-bottom: 1px solid var(--pz-line);
	text-align: left;
}
.entry-content thead th {
	background: var(--pz-surface-2);
	color: var(--pz-ink);
	font-weight: 700;
}
.entry-content tbody tr:nth-child(even) {
	background: var(--pz-surface-2);
}
.entry-content tbody tr:last-child td {
	border-bottom: 0;
}

/* Mobilni: široke tabele klize horizontalno umesto da razvlače stranu.
   Samo pod media query — desktop (striped) tabele ostaju netaknute. */
@media (max-width: 700px) {
	.entry-content table {
		display: block;
		max-width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	.entry-content th,
	.entry-content td {
		/* Sprečava prelamanje svake reči u preuskim kolonama — tabela
		   zadržava prirodnu širinu, a višak klizi. */
		white-space: nowrap;
	}
}