/* lion-popups.css — «размытое стекло» (frosted glass) для попапов темы leo-theme.
   Подключается после lion-menu.css (см. functions.php: leo-popups зависит от leo-menu),
   поэтому перекрывает inline-правила попапов из functions.php и базовый фон из lion-menu.css.
   Затрагивает: .lion-location-popup (все формы/меню), .lion-popup, .lion-popup-modal, .lion-off-canvas. */

/* 1. Подложка попапа: затемнение + размытие содержимого страницы за ним */
.lion-location-popup.is-open,
.lion-popup.is-open,
.lion-popup-modal.is-open,
.lion-off-canvas.is-open {
	background: rgba(10, 12, 16, .42);
	-webkit-backdrop-filter: blur(16px) saturate(140%);
	backdrop-filter: blur(16px) saturate(140%);
}

/* 2. Карточка попапа (центрированная модалка): полупрозрачное стекло поверх размытия */
.lion-location-popup.is-open > .lion-block {
	background: rgba(255, 255, 255, .82);
	-webkit-backdrop-filter: blur(24px) saturate(150%);
	backdrop-filter: blur(24px) saturate(150%);
	border: .1rem solid rgba(255, 255, 255, .55);
	box-shadow: 0 3rem 8rem rgba(0, 0, 0, .25);
}

/* 3. Панель меню (popup 23923) — тоже стекло, чуть плотнее, чтобы текст читался */
.lion-location-popup--menu .lion-menu {
	background: rgba(255, 255, 255, .9);
	-webkit-backdrop-filter: blur(24px) saturate(150%);
	backdrop-filter: blur(24px) saturate(150%);
}

/* 4. Кнопка закрытия (её создаёт lion.js) — стеклянный кружок */
.lion-popup__close {
	background: rgba(255, 255, 255, .88);
	-webkit-backdrop-filter: blur(12px) saturate(140%);
	backdrop-filter: blur(12px) saturate(140%);
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, .22);
}
.lion-popup__close:hover { background: var(--color-brand-light); }

/* 5. Фоллбэк для браузеров без backdrop-filter: обычные плотные фоны */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
	.lion-location-popup.is-open,
	.lion-popup.is-open,
	.lion-popup-modal.is-open,
	.lion-off-canvas.is-open {
		background: rgba(10, 12, 16, .6);
	}
	.lion-location-popup.is-open > .lion-block { background: #fff; }
	.lion-location-popup--menu .lion-menu { background: #fff; }
	.lion-popup__close { background: #fff; }
}

/* 6. Уважаем настройку «меньше движения» (размытие не анимируем) */
@media (prefers-reduced-motion: reduce) {
	.lion-popup__close { transition: none; }
}

/* ---- Базовые правила попапов (перенесены из functions.php) ---- */

.lion-lock,.lion-lock body{overflow:hidden!important;}[hidden]{display:none!important;}.lion-location-popup{display:none;}.lion-location-popup.is-open{display:block;position:fixed;inset:0;z-index:2147483000;overflow:auto;background:rgba(0,0,0,.6);padding:4rem 2rem;}.lion-location-popup.is-open>.lion-block{background:#fff;border-radius:var(--radius-2);padding:4rem;margin:0 auto;max-width:64rem;width:100%;box-sizing:border-box;}.lion-popup__close{position:fixed;top:2rem;right:2rem;width:4.4rem;height:4.4rem;border:0;border-radius:50%;background:#fff;color:#000;font-size:3rem;line-height:1;cursor:pointer;z-index:2147483100;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.2);}.lion-popup__close:hover{background:var(--color-brand-light);}@media(max-width:767px){.lion-location-popup.is-open{padding:2rem 1.2rem;}.lion-location-popup.is-open>.lion-block{padding:2.4rem;border-radius:var(--radius-3);}.lion-popup__close{top:1rem;right:1rem;width:3.8rem;height:3.8rem;font-size:2.4rem;}}