.hmg-lb {
	position: fixed;
	inset: 0;
	z-index: 100000;
	background: rgba(0, 0, 0, 0.9);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 24px;
}
.hmg-lb[hidden] { display: none; }
.hmg-lb img { max-width: 92vw; max-height: 78vh; }
.hmg-lb .hmg-lb-cap { color: #fff; margin-top: 12px; font-size: 14px; text-align: center; max-width: 70ch; }
.hmg-lb .hmg-lb-count { color: #bbb; margin-top: 6px; font-size: 13px; }
.hmg-lb button {
	background: none;
	border: none;
	color: #fff;
	cursor: pointer;
	font-size: 2.4rem;
	line-height: 1;
	padding: 8px 16px;
}
/* Keep the lightbox arrow/close buttons transparent on hover and focus:
   the theme's global "button:hover" adds a blue (#007cba) square. */
.hmg-lb button:hover,
.hmg-lb button:focus {
	background: none;
}
.hmg-lb .hmg-lb-close { position: absolute; top: 12px; right: 16px; }
.hmg-lb .hmg-lb-prev { position: absolute; left: 8px; top: 50%; transform: translateY(-50%); }
.hmg-lb .hmg-lb-next { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); }
.entry-content .wp-block-gallery a { cursor: zoom-in; }
/* The caption ("opis") is an absolutely-positioned overlay across the bottom of
   each gallery image. Left clickable it intercepts clicks and blocks the lower
   part of the image link. Let pointer events fall through to the link below. */
.entry-content .wp-block-gallery figcaption { pointer-events: none; }