/**
 * Przestylowanie natywnego lightboksa Divi (biblioteka Magnific Popup,
 * klasy mfp-*) — dopasowanie wyglądu i pozycji przycisku zamknięcia do
 * naszego własnego lightboksa (assets/css/lightbox.css), dla spójności
 * wizualnej niezależnie od tego, który z dwóch mechanizmów akurat się
 * otwiera w danym miejscu strony.
 *
 * !important jest tu świadomie potrzebne — nadpisujemy wbudowany,
 * dość specyficzny CSS Magnific Popup dostarczany razem z motywem Divi.
 */

.mfp-figure {
	position: relative;
}

.mfp-close {
	position: absolute !important;
	top: 0.6em !important;
	right: 0.6em !important;
	left: auto !important;
	width: 2.2em !important;
	height: 2.2em !important;
	line-height: 2.2em !important;
	border-radius: 50% !important;
	background-color: rgba(255, 255, 255, 0.95) !important;
	color: #111 !important;
	font-size: 1.2rem !important;
	font-weight: 400 !important;
	text-align: center !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
	opacity: 1 !important;
	transition: background-color 0.15s ease !important;
}

.mfp-close:hover,
.mfp-close:focus {
	background-color: #fff !important;
	color: #111 !important;
}