/* Galeria "Dziennik budowy": zakładki jak na stronie głównej (.stages .owl-dots), zdjęcia 650px wys. Offteam 2026-11. */
section.diary nav {
	gap: 20px;
}
section.diary nav::after {
	display: none;
}
section.diary nav a {
	background-color: transparent;
	border-bottom: 1px solid #02589d;
	border-top: 8px solid #02589d;
	color: #02589d;
	font: 400 16px/1.2 Lato, sans-serif;
	padding: 8px;
	text-transform: none;
	transition: .3s;
}
section.diary nav a.active {
	background-color: transparent;
	color: #02589d;
}
section.diary nav a.active:hover,
section.diary nav a.opened {
	background-color: #02589d;
	color: #fff;
}
section.diary nav a.opened::after {
	display: none;
}
section.diary nav a:not(.active) {
	border-color: #ccc;
	color: #ccc;
	pointer-events: none;
}
@media (min-width: 992px) {
	section.diary nav {
		padding-top: 40px;
	}
	section.diary nav a {
		font-size: 24px;
		padding: 16px 22px;
	}
	section.diary nav a.opened::before {
		background-color: #02589d;
		content: "";
		height: 40px;
		left: 0;
		position: absolute;
		top: -40px;
		width: 100%;
	}
	section.diary nav a {
		position: relative;
	}
}

/* Zdjęcia: wysokość stała, szerokość slajdu = wysokość x proporcja (owl autoWidth + center). */
section.diary .diary-slider .diary-slider__item {
	--h: 320px;
	width: calc(var(--h) * var(--ratio, 1.5));
}
section.diary .diary-slider .diary-slider__item__image {
	height: var(--h);
	position: relative;
}
section.diary .diary-slider .owl-item .diary-slider__item__image {
	opacity: 1;
	transform: none;
}
section.diary .diary-slider .diary-slider__item__image img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

/* Sąsiednie zdjęcia: czarno-białe, widoczne w 20% (biała nakładka 80%), płynna zmiana w trakcie przesuwania (1.7s = navSpeed). */
section.diary .diary-slider .diary-slider__item__image img {
	transition: filter 1.7s;
}
section.diary .diary-slider .owl-item:not(.center) .diary-slider__item__image img {
	filter: grayscale(1);
}
section.diary .diary-slider .owl-item .diary-slider__item__image::after {
	background-color: #fff;
	content: "";
	inset: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transition: opacity 1.7s;
}
section.diary .diary-slider .owl-item:not(.center) .diary-slider__item__image::after {
	opacity: .8;
}
section.diary .diary-slider .owl-item:not(.center) .diary-slider__title {
	opacity: 0;
}
section.diary .diary-slider .diary-slider__title {
	transition: opacity .3s;
	white-space: nowrap;
}
@media (min-width: 992px) {
	section.diary .diary-slider .diary-slider__item {
		--h: 650px;
	}
}

/* Tylko podstrona galerii (PL 45, EN 9144): menu nie jest przyklejone - zostaje na górze strony, nie zjeżdża przy przewijaniu. */
body.page-id-45 .site-header,
body.page-id-9144 .site-header,
body.page-id-45 .site-header.scrolled.fixed,
body.page-id-9144 .site-header.scrolled.fixed {
	position: absolute;
	top: 0;
}

/* Podpis "Zdjęcie N z X" wielkością jak tekst akapitowy (p: 16/18/20/22px). */
section.diary .diary-slider .diary-slider__title {
	font-size: 16px !important; /* nadpisuje globalne h3 !important */
	line-height: 1.5;
}
@media (min-width: 992px) {
	section.diary .diary-slider .diary-slider__title { font-size: 18px !important; }
}
@media (min-width: 1440px) {
	section.diary .diary-slider .diary-slider__title { font-size: 20px !important; }
}
@media (min-width: 1900px) {
	section.diary .diary-slider .diary-slider__title { font-size: 22px !important; }
}