/* Kuvien lightbox (PhotoSwipe)
 * Ladataan vain sivuille, joilla on lightbox-kuvia (inc/lightbox.php).
--------------------------------------------- */

.wp-block-image a[data-pswp-width] {
	cursor: zoom-in;
}

.pswp {
	--pswp-bg: var(--wp--preset--color--main);
	--pswp-placeholder-bg: var(--wp--preset--color--border-dark);
	--pswp-icon-color: var(--wp--preset--color--base);
	--pswp-icon-color-secondary: var(--wp--preset--color--main);
	--pswp-icon-stroke-color: var(--wp--preset--color--main);
	--pswp-root-z-index: 100000;
}

.pswp__caption {
	position: absolute;
	inset-inline: 0;
	bottom: 0;
	padding: 1rem var(--wp--preset--spacing--medium);
	color: var(--wp--preset--color--base);
	font-size: var(--wp--preset--font-size--x-small);
	line-height: var(--wp--custom--line-height--body);
	text-align: center;
	transition: opacity var(--pswp-transition-duration, 333ms);
}

.pswp__caption a {
	color: inherit;
}

/* Kuvateksti piiloon, kun kuvaa zoomataan tai käyttöliittymä on piilossa. */
.pswp--zoomed-in .pswp__caption,
.pswp:not(.pswp--ui-visible) .pswp__caption {
	opacity: 0;
}