/* Klever v17: стабильное компактное меню, номер шапки и hero конференц-зала. */

/* --------------------------------------------------------------------------
   Compact navigation. The closed panel is truly removed from hit testing.
   This prevents it from overlapping the button on small screens.
   -------------------------------------------------------------------------- */
@media (max-width: 767.98px) {
  html body.klever-site-page #menu,
  html body.klever-site-page #menu .navbar,
  html body.klever-site-page #menu .navbar > .container {
    overflow: visible !important;
  }

  html body.klever-site-page #menu .navbar {
    position: relative !important;
  }

  html body.klever-site-page #menu .navbar-header {
    position: relative !important;
    z-index: 40020 !important;
    min-height: 53px !important;
  }

  html body.klever-site-page #menu .navbar-toggle,
  html body.klever-site-page #menu #klever-mobile-menu-button {
    position: relative !important;
    z-index: 40030 !important;
    display: block !important;
    float: right !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  html body.klever-site-page #menu .navbar-collapse,
  html body.klever-site-page #menu .navbar-collapse.collapse,
  html body.klever-site-page #menu .navbar-collapse.collapse.in,
  html body.klever-site-page #menu .navbar-collapse.collapsing {
    position: absolute !important;
    z-index: 40010 !important;
    top: 53px !important;
    right: 0 !important;
    left: 0 !important;
    display: none !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: min(72dvh, 580px) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-y: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
    border-top: 1px solid #e6dccd !important;
    background: #fffdf9 !important;
    box-shadow: 0 18px 36px rgba(30, 23, 14, .18) !important;
    -webkit-overflow-scrolling: touch !important;
  }

  html body.klever-site-page #menu.klever-mobile-menu-is-open .navbar-collapse,
  html body.klever-site-page #menu .navbar-collapse.klever-mobile-menu-open {
    display: block !important;
  }

  html body.klever-site-page #menu .navbar-nav.upper {
    display: block !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 7px 14px 16px !important;
  }

  html body.klever-site-page #menu .navbar-nav.upper > li,
  html body.klever-site-page #menu .navbar-nav.upper > li > a {
    display: block !important;
    float: none !important;
    width: 100% !important;
  }

  html body.klever-site-page #menu .klever-more-menu > .dropdown-menu {
    display: none !important;
    position: static !important;
    float: none !important;
    width: 100% !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 4px 0 7px !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
  }

  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 {
    display: block !important;
  }

  html body.klever-site-page #menu .klever-more-menu > .dropdown-menu > li > a {
    min-height: 44px !important;
    padding: 12px 16px 12px 25px !important;
    color: #5f5142 !important;
    font-size: 15px !important;
  }
}

/* --------------------------------------------------------------------------
   Conference hero. This direct image rule intentionally comes after v15/v16.
   -------------------------------------------------------------------------- */
html body.klever-site-page .klever-conference-hero,
html body.klever-route-konferents-zal .klever-conference-hero {
  background-image:
    linear-gradient(90deg, rgba(17, 14, 10, .95) 0%, rgba(17, 14, 10, .80) 48%, rgba(17, 14, 10, .32) 100%),
    url('/upload/medialibrary/fcc/Kroshka-Enot-9.jpg') !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}