/* Layout */
:root {
	--font-normal: 400;
	--font-medium: 500;
	--font-bold: 700;
	--font-black: 900;
	--leading: 1.4;
	--leading-short: 1.3;
	--leading-slim: 1.2;
	--leading-fine: 1.1;
	--leading-flat: 1;
	--kerning: normal;
	--kerning-tight: -0.04ch;
	--kerning-loose: 0.1ch;
	--heading-kerning: -0.015em;
	--heading-line-height: var(--leading-fine);
	--heading-font-family: var(--font-display);
	--heading-font-weight: var(--font-bold);
	--font-base: Arial, ArialMT, Helvetica, system-ui, "Segoe UI", Roboto, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	--font-display: "Moderat", serif;
	--font-mono: "Roboto Mono", ui-monospace, monospace;

	--size-small: 0.8333333333333334em;

	--size-step-8: clamp(2.3125rem, 0.1313rem + 10.906vi, 10.4375rem);
	--size-step-7: clamp(2.0625rem, 0.7706rem + 6.4597vi, 6.875rem);
	--size-step-6: clamp(1.8125rem, 1.0742rem + 3.6913vi, 4.5625rem);
	--size-step-5: clamp(1.6875rem, 1.2177rem + 2.349vi, 3.4375rem);
	--size-step-4: clamp(1.5625rem, 1.2773rem + 1.4262vi, 2.625rem);
	--size-step-3: clamp(1.4375rem, 1.2865rem + 0.755vi, 2rem);
	--size-step-2: clamp(1.3125rem, 1.1951rem + 0.5872vi, 1.75rem);
	--size-step-1: clamp(1.1875rem, 1.1036rem + 0.4195vi, 1.5rem);
	--size-step-0: clamp(1.0625rem, 0.9954rem + 0.3356vi, 1.3125rem);
	--size-step--1: clamp(1rem, 0.9664rem + 0.1678vi, 1.125rem);
	--size-step--2: clamp(0.875rem, 0.8414rem + 0.1678vi, 1rem);
	--size-step--3: clamp(0.8125rem, 0.7957rem + 0.0839vi, 0.875rem);
	--size-step--4: clamp(0.625rem, 0.7043rem + -0.0839vi, 0.6875rem);
	--radius: 0.5em;
	--radius-l: 2em;
	--radius-m: 1em;
	--radius-s: 0.25em;
	--measure: 65ch;
	--measure-xs: 20ch;
	--measure-s: 35ch;
	--measure-m: 45ch;
	--measure-l: 75ch;
	--text-size-base: var(--size-step-0);
	--text-size-lede: var(--size-step-1);
	--text-size-meta: var(--size-step--1);
	--text-size-heading-1: var(--size-step-4);
	--text-size-heading-2: var(--size-step-3);
	--text-size-heading-3: var(--size-step-2);
	--text-size-heading-4: var(--size-step-1);

	--content-width: 1280px;
}

:where(body, h1, h2, h3, h4, p, figure, blockquote, dl, dd) {
	margin-block-start: 0;
}

.entry-content {
	padding-top: 2.5em;
	padding-bottom: 2.5em;
}

.entry-content>*+* {
	margin-block-start: 1.5em;
}

/* Header */
.site-header {
	border-bottom: 1px solid rgba(0, 0, 0, .2);
}

.site-header-main {
	display: flex;
	align-items: center;
	padding-left: 24px;
	padding-right: 24px;
	padding-top: 12px;
	padding-bottom: 12px;
}

/* ===== MOBILNI ≤ 767 px ===== */
@media (max-width: 959px) {
	#site-header-main {
		/*  Logo | prazni 1fr |  tools | toggle  */
		display: grid;
		grid-template-columns: auto 1fr auto auto;
		grid-template-areas:
			"logo . tools toggle"
			"search search search search";
		column-gap: 1rem;
		/* nema lufta između tools & toggle */
		row-gap: .5rem;
	}

	/* .site-header__logo {
		grid-area: logo;
	} */

	#tools-menu {
		grid-area: tools;
		display: flex;
		gap: .75rem;
		/* razmak samo između linkova */
		align-items: center;
		margin: 0;
		/* briši default UL intervale */
	}

	#responsive-toggle {
		grid-area: toggle;
		display: flex;
		align-items: center;
		margin: 0;
		/* tik uz tools-menu */
		border: none;
		background: none;
		cursor: pointer;
		font-size: 1.1rem;
		/* po želji */
		flex-direction: column;
	}

	.search-form--main {
		grid-area: search;
		width: 100%;
	}
}

.entry-content> :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	max-width: 75rem;
	width: calc(100% - 4rem);
}

.entry-content>* {
	margin-left: auto;
	margin-right: auto;
}

.link-list,
.wp-block-page-list {
	list-style: none;
	padding: 0;
	margin: 0;
	flex-grow: 1;
	display: flex;
	flex-flow: column;
}

.link-list li,
.wp-block-pages-list__item {
	display: block;
	font-size: 1rem;
	line-height: 1.2;
	position: relative;
	width: 100%;
	padding-top: 7px;
	padding-bottom: 7px;
}

.link-list a,
.wp-block-pages-list__item__link {
	text-decoration: none;
}