/* Klever v16: исправления конференц-зала, отступов услуг и надёжного компактного меню. */

/* --------------------------------------------------------------------------
   Конференц-зал: используем именно интерьер зала и даём тексту стабильный
   контраст независимо от старых page-level CSS.
   -------------------------------------------------------------------------- */
html body.klever-site-page .klever-conference-hero {
  position: relative !important;
  isolation: isolate !important;
  background-image:
    linear-gradient(90deg, rgba(18, 15, 11, .96) 0%, rgba(18, 15, 11, .83) 46%, rgba(18, 15, 11, .38) 100%),
    url('/upload/medialibrary/fcc/Kroshka-Enot-9.jpg') !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

html body.klever-site-page .klever-conference-hero::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, rgba(0,0,0,.18), transparent 70%) !important;
}

html body.klever-site-page .klever-conference-hero__content,
html body.klever-site-page .klever-conference-hero__content * {
  opacity: 1 !important;
}

html body.klever-site-page .klever-conference-hero h1,
html body.klever-site-page .klever-conference-hero__text,
html body.klever-site-page .klever-conference-hero__fact,
html body.klever-site-page .klever-conference-hero__fact strong,
html body.klever-site-page .klever-conference-hero__fact span {
  color: #fff !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, .72) !important;
}

html body.klever-site-page .klever-conference-hero h1 {
  font-weight: 850 !important;
}

html body.klever-site-page .klever-conference-hero__text {
  font-weight: 600 !important;
  line-height: 1.58 !important;
}

html body.klever-site-page .klever-conference-hero__fact {
  background: rgba(25, 21, 16, .78) !important;
  border-color: rgba(255,255,255,.24) !important;
}

html body.klever-site-page .klever-conference-hero__eyebrow {
  color: #f2bd43 !important;
  text-shadow: 0 2px 8px rgba(0,0,0,.7) !important;
}

html body.klever-site-page .klever-conference-hero__button--gold {
  color: #221a0f !important;
  text-shadow: none !important;
}

html body.klever-site-page .klever-conference-hero__button--dark {
  color: #fff !important;
}

/* --------------------------------------------------------------------------
   «Предоставляемые услуги»: возвращаем вокруг плиток заметный чистый воздух.
   Никаких отрицательных внешних отступов, сетка не упирается в рамку блока.
   -------------------------------------------------------------------------- */
html body.klever-site-page .hotel-services-infographic {
  box-sizing: border-box !important;
  padding: 22px 30px 26px !important;
}

html body.klever-site-page .hotel-services-infographic .hotel-services-grid {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

@media (max-width: 767.98px) {
  html body.klever-site-page .hotel-services-infographic {
    padding: 18px 16px 20px !important;
  }
}

/* --------------------------------------------------------------------------
   Компактное меню: кнопка всегда выше декоративных слоёв. Этим слоем
   управляет отдельный capture-handler v16, поэтому ему не мешают Bootstrap
   и старые обработчики, которые подключаются на страницах позже.
   -------------------------------------------------------------------------- */
@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-header {
    position: relative !important;
    z-index: 22040 !important;
    pointer-events: auto !important;
  }

  html body.klever-site-page #menu .navbar-toggle {
    position: relative !important;
    z-index: 22050 !important;
    display: block !important;
    pointer-events: auto !important;
    cursor: pointer !important;
  }

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