/**
 * Shared layout primitives for the public sub-pages (Glavne stranice).
 *
 * Loaded on every custom page template (template-*.php) alongside the page's own
 * stylesheet. Page-specific rules live in assets/css/pages/{slug}.css.
 *
 * Tokens come from the authoritative :root in style.css (--nv-*).
 */

/* Page head ---------------------------------------------------------------- */

.home-pagehead {
	padding-top: 72px;
	padding-bottom: 8px;
}

.home-pagehead__inner {
	max-width: 760px;
}

.home-pagehead h1 {
	color: var(--nv-ink);
	font-family: var(--nv-serif, "Fraunces", Georgia, serif);
	font-size: clamp(2.2rem, 1.4rem + 3vw, 3.6rem);
	font-weight: 400;
	line-height: 1.08;
	margin: 14px 0 22px; 
}

.home-pagehead__lead {
	color: var(--nv-muted, #5a5248);
	font-size: 1.125rem; 
	line-height: 1.7;
	max-width: 640px;
}

.home-pagehead__lead p {
	margin: 0 0 1em;
}

.home-pagehead__lead p:last-child {
	margin-bottom: 0;
}

/* Prose sections (optional side media) ------------------------------------- */

.home-prose-section {
	padding-top: 40px;
	padding-bottom: 40px;
}

.home-prose__body h2 {
	color: var(--nv-ink);
	font-family: var(--nv-serif, "Fraunces", Georgia, serif);
	font-size: clamp(1.6rem, 1.2rem + 1.6vw, 2.3rem);
	font-weight: 400;
	line-height: 1.15;
	margin: 10px 0 18px;
}

.home-prose__text {
	color: var(--nv-muted, #5a5248);
	font-size: 1.05rem;
	line-height: 1.75;
	max-width: 640px;
}

.home-prose__text p {
	margin: 0 0 1em;
}

.home-prose__text p:last-child {
	margin-bottom: 0;
}

.home-prose.has-media {
	align-items: center;
	display: grid;
	gap: 48px;
	grid-template-columns: 1.1fr 0.9fr;
}

.home-prose.has-media .home-prose__text {
	max-width: none;
}

.home-prose.has-media.is-reversed .home-prose__body {
	order: 2;
}

.home-prose__media img {
	border-radius: 18px;
	display: block;
	height: auto;
	width: 100%;
}

@media (max-width: 768px) {
	.home-prose.has-media {
		gap: 28px;
		grid-template-columns: 1fr;
	}

	.home-prose.has-media.is-reversed .home-prose__body {
		order: 0;
	}
}