/* Klever v59 — Bitrix public-editor layer safety for the desktop "Ещё" menu.
   The flyout must sit above ordinary page content, but never above Bitrix dialogs.
   Earlier revisions used layers around 90 000, which could overlap the editor window. */

@media (min-width: 768px) {
  /* Ordinary site layer: TravelLine uses z-index: 1, so a small local stack is enough. */
  html body.klever-site-page header.klever-home-header,
  html body.klever-site-page header.klever-site-header {
    position: relative !important;
    z-index: 40 !important;
  }

  html body.klever-site-page #menu,
  html body.klever-site-page #menu.default,
  html body.klever-site-page #menu.fixed {
    position: relative !important;
    z-index: 50 !important;
  }

  html body.klever-site-page #menu .klever-more-menu {
    position: relative !important;
    z-index: 51 !important;
  }

  html body.klever-site-page #menu .klever-more-menu > .dropdown-menu,
  html body.klever-site-page #menu .klever-more-menu.open > .dropdown-menu,
  html body.klever-site-page #menu .klever-more-menu.klever-more-menu--open > .dropdown-menu,
  html body.klever-site-page #menu .klever-more-menu.klever-v21-more-open > .dropdown-menu {
    z-index: 52 !important;
  }

  /* The dynamic class is added only while a real Bitrix editor window is open.
     It moves all menu layers below the dialog without breaking navigation for
     a logged-in administrator who is simply browsing the website. */
  html body.klever-site-page.klever-bitrix-editor-dialog-open #menu,
  html body.klever-site-page.klever-bitrix-editor-dialog-open #menu.default,
  html body.klever-site-page.klever-bitrix-editor-dialog-open #menu.fixed,
  html body.klever-site-page.klever-bitrix-editor-dialog-open #menu .navbar,
  html body.klever-site-page.klever-bitrix-editor-dialog-open #menu .navbar > .container,
  html body.klever-site-page.klever-bitrix-editor-dialog-open #menu .navbar-collapse,
  html body.klever-site-page.klever-bitrix-editor-dialog-open #menu .navbar-nav.upper,
  html body.klever-site-page.klever-bitrix-editor-dialog-open #menu .klever-more-menu,
  html body.klever-site-page.klever-bitrix-editor-dialog-open #menu .klever-more-menu > a,
  html body.klever-site-page.klever-bitrix-editor-dialog-open #menu .klever-more-menu > .dropdown-menu {
    z-index: 0 !important;
  }

  /* A dialog can be injected after page load. :has() prevents even a one-frame overlap
     before the backup JavaScript adds the dynamic body class. */
  html:has(.bx-core-adm-dialog, .bx-core-adm-window, .bx-core-adm-popup, .bx-editor-dialog, .bxhtmled-dialog) body.klever-site-page #menu,
  html:has(.bx-core-adm-dialog, .bx-core-adm-window, .bx-core-adm-popup, .bx-editor-dialog, .bxhtmled-dialog) body.klever-site-page #menu.default,
  html:has(.bx-core-adm-dialog, .bx-core-adm-window, .bx-core-adm-popup, .bx-editor-dialog, .bxhtmled-dialog) body.klever-site-page #menu.fixed,
  html:has(.bx-core-adm-dialog, .bx-core-adm-window, .bx-core-adm-popup, .bx-editor-dialog, .bxhtmled-dialog) body.klever-site-page #menu .navbar,
  html:has(.bx-core-adm-dialog, .bx-core-adm-window, .bx-core-adm-popup, .bx-editor-dialog, .bxhtmled-dialog) body.klever-site-page #menu .navbar > .container,
  html:has(.bx-core-adm-dialog, .bx-core-adm-window, .bx-core-adm-popup, .bx-editor-dialog, .bxhtmled-dialog) body.klever-site-page #menu .navbar-collapse,
  html:has(.bx-core-adm-dialog, .bx-core-adm-window, .bx-core-adm-popup, .bx-editor-dialog, .bxhtmled-dialog) body.klever-site-page #menu .navbar-nav.upper,
  html:has(.bx-core-adm-dialog, .bx-core-adm-window, .bx-core-adm-popup, .bx-editor-dialog, .bxhtmled-dialog) body.klever-site-page #menu .klever-more-menu,
  html:has(.bx-core-adm-dialog, .bx-core-adm-window, .bx-core-adm-popup, .bx-editor-dialog, .bxhtmled-dialog) body.klever-site-page #menu .klever-more-menu > a,
  html:has(.bx-core-adm-dialog, .bx-core-adm-window, .bx-core-adm-popup, .bx-editor-dialog, .bxhtmled-dialog) body.klever-site-page #menu .klever-more-menu > .dropdown-menu {
    z-index: 0 !important;
  }

  /* The website navigation is not needed while the editor dialog is active.
     Force-close the flyout so an already open "Ещё" panel cannot cover a child dialog. */
  html body.klever-site-page.klever-bitrix-editor-dialog-open #menu .klever-more-menu > .dropdown-menu,
  html:has(.bx-core-adm-dialog, .bx-core-adm-window, .bx-core-adm-popup, .bx-editor-dialog, .bxhtmled-dialog) body.klever-site-page #menu .klever-more-menu > .dropdown-menu {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  /* Keep the page-up control out of an active Bitrix editor as well. */
  html body.klever-site-page.klever-bitrix-editor-dialog-open #Go_Top.go_top,
  html:has(.bx-core-adm-dialog, .bx-core-adm-window, .bx-core-adm-popup, .bx-editor-dialog, .bxhtmled-dialog) body.klever-site-page #Go_Top.go_top {
    display: none !important;
  }
}