img.ctz-zoomable { cursor: zoom-in; }

/*
 * Themes and page builders (Hello Elementor, Elementor kits, ...) style every <button>
 * on the site: coloured borders, brand-colour hover fills, padding, `width: auto` and
 * `transition: all`. Put the viewer's buttons back to PhotoSwipe's plain look: no border
 * or outline, fixed size, and only the opacity changes on hover / keyboard focus.
 * !important so this wins over any theme or builder rule, whatever its specificity.
 */
.pswp .pswp__button {
	width: 50px !important;
	height: 60px !important;
	min-width: 0 !important;
	min-height: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	outline: 0 !important;
	box-shadow: none !important;
	background: none !important;
	text-shadow: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	-webkit-tap-highlight-color: transparent;
	opacity: .75 !important;
	transition: opacity .15s ease !important;
}

.pswp .pswp__button--arrow {
	width: 75px !important;
	height: 100px !important;
}

.pswp .pswp__button:hover,
.pswp .pswp__button:focus-visible {
	opacity: 1 !important;
}