/* Ciekawski Jeżozwierz Premium – identyfikacja całego serwisu (nadpisuje zmienne motywu motyw-z-verseo) */

:root:root {
	--jz-forest: #1d3b2a;
	--jz-forest-2: #16301f;
	--jz-forest-3: #2c5139;
	--jz-moss: #a9c49a;
	--jz-ochre: #c48a2c;
	--jz-ochre-deep: #8a5a12;
	--jz-ochre-light: #e3b860;
	--jz-paper: #f4efe2;
	--jz-paper-2: #ebe3cf;
	--jz-card: #fbf8ef;
	--jz-ink: #1d2420;
	--jz-pencil: #56554a;
	--jz-rule: #d6cbb0;
	--jz-rust: #a3402b;
	--jz-display: 'Gloock', 'Libre Caslon Text', Georgia, serif;
	--jz-body: 'Karla', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--jz-hand: 'Caveat', 'Segoe Print', cursive;

	--color-primary: #1d3b2a;
	--color-primary-dark: #16301f;
	--color-primary-hover: #2c5139;
	--color-primary-light: #6f8f72;
	--color-primary-subtle: #ebe3cf;
	--color-primary-muted: #a9b8a0;
	--color-accent: #8a5a12;
	--color-accent-hover: #6e470d;
	--color-accent-subtle: #f6ead2;
	--color-bg: #f4efe2;
	--color-bg-alt: #ebe3cf;
	--color-border: #d6cbb0;
	--color-text: #1d2420;
	--color-text-muted: #56554a;
	--font-sans: var(--jz-body);
	--font-serif: var(--jz-display);
}

body {
	font-family: var(--jz-body);
	background-color: var(--jz-paper);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .3 0 0 0 0 .2 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");
	color: var(--jz-ink);
}

h1, h2, h3, h4,
.post-header__title,
.section-title,
.widget__title,
.footer-brand__name {
	font-family: var(--jz-display);
	font-weight: 400;
	letter-spacing: -0.005em;
}

::selection { background: var(--jz-ochre-light); color: var(--jz-ink); }

a:focus-visible,
button:focus-visible,
summary:focus-visible,
input:focus-visible {
	outline: 2px solid var(--jz-ochre-deep);
	outline-offset: 3px;
}

/* Nagłówek: papier z podwójną ołówkową linią */
.site-header {
	background: rgba(244, 239, 226, 0.96);
	border-bottom: 0;
	box-shadow: 0 1px 0 var(--jz-ink), 0 4px 0 var(--jz-paper), 0 5px 0 rgba(29, 36, 32, 0.35);
}
.site-header .primary-nav #primary-menu {
	gap: 0;
	align-items: center;
}
.site-header .primary-nav #primary-menu > li {
	position: relative;
	display: flex;
	align-items: center;
}
.site-header .primary-nav #primary-menu > li + li::before {
	content: "";
	width: 5px;
	height: 5px;
	margin: 0 6px;
	border-radius: 50%;
	background: var(--jz-ochre);
	opacity: 0.7;
	flex: none;
}
.site-header .primary-nav a {
	color: var(--jz-ink);
	font-size: 0.95rem;
	font-weight: 600;
	letter-spacing: 0.01em;
	white-space: nowrap;
	padding: 8px 10px;
	border-radius: 6px;
	text-decoration: underline;
	text-decoration-color: transparent;
	text-decoration-thickness: 2px;
	text-underline-offset: 7px;
	transition: text-decoration-color 0.2s ease, color 0.2s ease, background-color 0.2s ease;
}
.site-header .primary-nav a:hover,
.site-header .primary-nav a:focus-visible {
	color: var(--jz-forest);
	background-color: rgba(196, 138, 44, 0.12);
	text-decoration-color: var(--jz-ochre);
}
.site-header .primary-nav .current-menu-item > a,
.site-header .primary-nav .current-menu-ancestor > a {
	color: var(--jz-forest);
	text-decoration-color: var(--jz-ochre);
}

.jzp-logo {
	display: inline-flex;
	align-items: center;
	gap: 11px;
	color: var(--jz-ink);
	text-decoration: none;
}
.jzp-logo__mark { flex: none; display: block; transition: transform 0.4s ease; }
.jzp-logo:hover .jzp-logo__mark { transform: rotate(-8deg); }
.jzp-logo__txt { display: flex; flex-direction: column; line-height: 1; }
.jzp-logo__txt span {
	font-family: var(--jz-body);
	font-weight: 700;
	font-size: 0.68rem;
	letter-spacing: 0.32em;
	text-transform: uppercase;
	color: var(--jz-ochre-deep);
	margin-bottom: 3px;
}
.jzp-logo__txt b { font-family: var(--jz-display); font-weight: 400; font-size: 1.45rem; letter-spacing: 0; }

/* Stopka: leśna zieleń z pasem „kolców” */
.site-footer {
	position: relative;
	background: var(--jz-forest-2);
	color: #d4ccb6;
	border-top: 0;
}
.site-footer::before {
	content: "";
	position: absolute;
	left: 0; right: 0; top: 0;
	height: 8px;
	background: repeating-linear-gradient(118deg, var(--jz-ochre) 0 1.5px, transparent 1.5px 9px);
	opacity: 0.7;
}
.site-footer a { color: var(--jz-paper); }
.site-footer a:hover { color: var(--jz-ochre-light); }
.footer-brand__name { color: var(--jz-paper); font-size: 1.7rem; }
.footer-col__title { color: var(--jz-ochre-light); letter-spacing: 0.16em; }
.footer-col:not(:has(li)) { display: none; }
.footer-bottom { border-top-color: rgba(244, 239, 226, 0.14); color: #b3ad9b; }

/* Wpisy i archiwa – spójne akcenty */
.post-category-tag,
.post-card__category {
	background: transparent;
	color: var(--jz-ochre-deep);
	border: 1px solid currentColor;
	border-radius: 2px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: 700;
}
.post-card {
	background: var(--jz-card);
	border-color: var(--jz-rule);
}
.entry-content a { color: var(--jz-ochre-deep); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.entry-content a:hover { color: var(--jz-forest); }
.entry-content blockquote {
	border-left: 3px solid var(--jz-ochre);
	background: var(--jz-card);
	font-style: italic;
}
.entry-content h2,
.entry-content h3 { color: var(--jz-forest); }
.author-box { background: var(--jz-card); border-color: var(--jz-rule); }
