@charset "UTF-8";
/* ==========================================================================
   LEVET - popup (okno z grafiką)
   Ładowany tylko na stronach, na których popup jest aktywny (inc/popup.php).
   ========================================================================== */

.lv-popup {
	width: min(35rem, calc(100vw - 2rem));
	max-width: none;
	max-height: calc(100dvh - 2rem);
	padding: 0;
	border: 0;
	border-radius: var(--lv-radius-lg, 20px);
	background: transparent;
	overflow: visible;
	box-shadow: 0 24px 60px rgba(11, 33, 67, .28);
}

.lv-popup::backdrop {
	background: rgba(11, 33, 67, .55);
}

.lv-popup[open] {
	animation: lv-popup-in .28s ease-out;
}

.lv-popup[open]::backdrop {
	animation: lv-popup-fade .28s ease-out;
}

.lv-popup__inner {
	position: relative;
}

.lv-popup__link,
.lv-popup picture {
	display: block;
}

.lv-popup__link:focus-visible {
	outline: 3px solid var(--lv-teal, #1c96a3);
	outline-offset: 3px;
	border-radius: var(--lv-radius-lg, 20px);
}

.lv-popup__img {
	display: block;
	width: 100%;
	height: auto;
	max-height: calc(100dvh - 2rem);
	object-fit: contain;
	border-radius: var(--lv-radius-lg, 20px);
}

.lv-popup__close {
	position: absolute;
	top: -.85rem;
	right: -.85rem;
	z-index: 1;
	width: 2.5rem;
	height: 2.5rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: #fff;
	color: var(--lv-navy, #0b2143);
	cursor: pointer;
	box-shadow: 0 2px 12px rgba(11, 33, 67, .25);
}

.lv-popup__close:hover {
	background: var(--lv-bg, #f8fafc);
}

.lv-popup__close:focus-visible {
	outline: 2px solid var(--lv-teal, #1c96a3);
	outline-offset: 2px;
}

.lv-popup__close svg {
	width: 1.2rem;
	height: 1.2rem;
}

@media (max-width: 600px) {
	.lv-popup__close {
		top: .5rem;
		right: .5rem;
	}
}

@keyframes lv-popup-in {
	from { opacity: 0; transform: translateY(12px) scale(.98); }
	to { opacity: 1; transform: none; }
}

@keyframes lv-popup-fade {
	from { opacity: 0; }
	to { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
	.lv-popup[open],
	.lv-popup[open]::backdrop {
		animation: none;
	}
}