/* ============================================
   PhotoSwipe UI Controls
   ============================================ */

/* Ensure PhotoSwipe UI is visible */
.pswp__ui {
	opacity: 1 !important;
	visibility: visible !important;
}

/* Close button (X) */
.pswp__button--close {
	display: block !important;
	opacity: 1 !important;
	visibility: visible !important;
	background: rgba(0, 0, 0, 0.5) !important;
	width: 44px !important;
	height: 44px !important;
	position: absolute !important;
	top: 10px !important;
	right: 10px !important;
	border-radius: 50% !important;
	cursor: pointer !important;
	z-index: 10000 !important;
}
button.pswp__button.pswp__button--close {
	background: #000 !important;
}

.pswp__button--close:hover {
	background: rgba(0, 0, 0, 0.8) !important;
}

/* Close button icon */
.pswp__button--close::before {
	content: '×' !important;
	font-size: 32px !important;
	color: #fff !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	height: 100% !important;
	line-height: 1 !important;
}

/* Hide navigation arrows */
.pswp__button--arrow--left,
.pswp__button--arrow--right {
	display: none !important;
}

/* Hide counter (1/5) */
.pswp__counter {
	display: none !important;
}

/* Hide zoom button */
.pswp__button--zoom {
	display: none !important;
}

/* Hide share button */
.pswp__button--share {
	display: none !important;
}

/* Hide full screen button */
.pswp__button--fs {
	display: none !important;
}