/* =========================================================
   UDANNA MOBILE SPHERE SWIPE PREVIEW

   Живой предпросмотр соседней страницы при мобильном свайпе.
   На ПК не работает и не влияет.
========================================================= */

.udanna-swipe-stage {
    display: none;
}

@media (max-width: 900px) {
    html.udanna-swipe-lock,
    body.udanna-swipe-lock {
        overflow-x: hidden;
    }

    body.udanna-swipe-is-dragging {
        overflow: hidden;
    }

    .udanna-swipe-stage {
        position: fixed;
        inset: 0;
        z-index: 9990;
        display: none;
        overflow: hidden;
        pointer-events: none;
        touch-action: none;
        background: var(--udanna-page-bg, #f7efe1);
    }

    .udanna-swipe-stage.is-active {
        display: block;
    }

    .udanna-swipe-panel {
        position: absolute;
        inset-block: 0;
        width: 100%;
        overflow: hidden;
        will-change: transform;
        transform: translateX(0);
        background: var(--udanna-page-bg, #f7efe1);
    }

    .udanna-swipe-panel-current {
        z-index: 2;
    }

    .udanna-swipe-panel-preview {
        z-index: 1;
    }

    .udanna-swipe-current-inner {
        width: 100%;
        min-height: 100svh;
        will-change: transform;
    }

    .udanna-swipe-preview-inner {
        width: 100%;
        min-height: 100svh;
        will-change: transform;
    }


    .udanna-swipe-header-clone {
        pointer-events: none;
    }

    .udanna-swipe-current-inner .site-header,
    .udanna-swipe-preview-inner .site-header {
        pointer-events: none;
    }

    .udanna-swipe-preview-inner .sphere-main {
        min-height: 100svh;
    }

    .udanna-swipe-preview-inner .sphere-article {
        pointer-events: none;
    }

    .udanna-swipe-preview-inner a,
    .udanna-swipe-preview-inner button,
    .udanna-swipe-preview-inner input,
    .udanna-swipe-preview-inner textarea,
    .udanna-swipe-preview-inner select {
        pointer-events: none;
    }

    .udanna-swipe-panel.is-animating {
        transition: transform 160ms ease-out;
    }
}

/* Жёстко запрещаем вертикальную прокрутку, пока активен свайп страниц. */
@media (max-width: 900px) {
    html.udanna-swipe-scroll-locked,
    body.udanna-swipe-scroll-locked {
        overflow: hidden;
        overscroll-behavior: none;
        touch-action: none;
    }
}

/* При активном свайпе скрываем весь плавающий интерфейс:
   RU/EN, кнопку попап-навигации и кнопки перехода страниц. */
@media (max-width: 900px) {
    html.udanna-swipe-ui-hidden .ud-lang-switch,
    body.udanna-swipe-ui-hidden .ud-lang-switch,
    html.udanna-swipe-ui-hidden .ud-popup-button,
    body.udanna-swipe-ui-hidden .ud-popup-button,
    html.udanna-swipe-ui-hidden .nav-pages,
    body.udanna-swipe-ui-hidden .nav-pages,
    .udanna-swipe-stage .ud-lang-switch,
    .udanna-swipe-stage .ud-popup-button,
    .udanna-swipe-stage .nav-pages {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transition: none !important;
    }
}