/* =============================================================
   NAWIGACJA „POPRZEDNI / NASTĘPNY” — wspólny komponent DS (Olga 12.10.2026)
   Używana na: wpisach (single.php), realizacjach i brandingach (single-*.php).
   Układ: kreska u góry, dwie kolumny (lewa = poprzedni, prawa = następny),
   mała etykieta Jost UPPERCASE w kolorze kategorii + tytuł Playfair grafit.
   Hover płaski: tytuł → kolor kategorii, etykieta → ciemniejszy odcień; bez podkreśleń.
   Kolor: --mbw-kat z najbliższego [data-kat] (mapa kategorii w style.css), domyślnie turkus.
   ============================================================= */
.mbw-nawigacja {
	--mbw-nawigacja-accent:       var(--mbw-kat, var(--mbw-turkus, #29b1a5));
	--mbw-nawigacja-accent-hover: var(--mbw-kat-hover, #1e8178);
	--mbw-nawigacja-text:         var(--wp--preset--color--theme-palette-3, #262626);
	--mbw-nawigacja-line:         var(--wp--preset--color--theme-palette-3, #262626);
	--mbw-nawigacja-gap:          var(--wp--custom--section-gap, 80px);  /* odstęp od treści nad nawigacją */
	--mbw-nawigacja-pad:          40px;

	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 32px;
	padding: var(--mbw-nawigacja-pad) 0;
	border-top: 1px solid var(--mbw-nawigacja-line);
	margin-top: var(--mbw-nawigacja-gap);
}
.mbw-nawigacja__link,
.mbw-nawigacja__link:visited {
	display: flex;
	flex-direction: column;
	gap: 6px;
	max-width: 45%;
	text-decoration: none !important;
}
.mbw-nawigacja__link--next {
	margin-left: auto;      /* gdy jest tylko „następny” — i tak przy prawej */
	text-align: right;
	align-items: flex-end;
}
/* „← Poprzedni / Następny →” — mała etykieta jak nad-tytuł karty */
.mbw-nawigacja__kierunek {
	font-family: var(--wp--preset--font-family--jost, system-ui, sans-serif);
	font-weight: 600;
	font-size: 13px;
	line-height: 1.4;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--mbw-nawigacja-accent);
	transition: color .15s ease;
}
/* tytuł sąsiedniego wpisu/projektu — Playfair jak tytuł karty */
.mbw-nawigacja__tytul {
	font-family: var(--wp--preset--font-family--playfair, Georgia, serif);
	font-size: 1.125rem;
	line-height: 1.35;
	color: var(--mbw-nawigacja-text);
	transition: color .15s ease;
}
.mbw-nawigacja__link:hover .mbw-nawigacja__tytul,
.mbw-nawigacja__link:focus-visible .mbw-nawigacja__tytul {
	color: var(--mbw-nawigacja-accent);
}
.mbw-nawigacja__link:hover .mbw-nawigacja__kierunek,
.mbw-nawigacja__link:focus-visible .mbw-nawigacja__kierunek {
	color: var(--mbw-nawigacja-accent-hover);
}
@media (max-width: 1024px) {
	/* zostaje w 2 kolumnach (lewa/prawa) także na mobile */
	.mbw-nawigacja { gap: 20px; }
	.mbw-nawigacja__tytul { font-size: 1rem; }
}