/*
 * Klever v7 — возврат открытого hero-изображения на страницах гостиниц
 * и безопасное положение кнопки «Наверх» на iPhone.
 * Подключается после всех legacy- и redesign-стилей.
 */

:root {
  --klever-hero-shadow: rgba(0, 0, 0, .82);
}

/* ── Страницы гостиниц: без отдельной карточки-подложки ───────────
   Оставляем фотографию открытой, а контраст даёт общий градиент на
   левой части hero. */
body.klever-site-page .klever-volokolamka-hero,
body.klever-site-page .klever-krasnogorsk-hero,
body.klever-site-page .klever-mitino-hero {
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

body.klever-site-page .klever-volokolamka-hero {
  background-image:
    linear-gradient(90deg,
      rgba(17, 14, 10, .97) 0%,
      rgba(17, 14, 10, .92) 45%,
      rgba(17, 14, 10, .62) 66%,
      rgba(17, 14, 10, .18) 100%),
    url('/upload/medialibrary/79c/vol.png') !important;
}

body.klever-site-page .klever-krasnogorsk-hero {
  background-image:
    linear-gradient(90deg,
      rgba(17, 14, 10, .97) 0%,
      rgba(17, 14, 10, .92) 45%,
      rgba(17, 14, 10, .62) 66%,
      rgba(17, 14, 10, .18) 100%),
    url('/upload/medialibrary/69a/klever-vokzalnaya.png') !important;
}

body.klever-site-page .klever-mitino-hero {
  background-image:
    linear-gradient(90deg,
      rgba(17, 14, 10, .97) 0%,
      rgba(17, 14, 10, .92) 45%,
      rgba(17, 14, 10, .62) 66%,
      rgba(17, 14, 10, .18) 100%),
    url('/upload/medialibrary/ed3/mitino.png') !important;
}

/* Убираем добавленную в v6 полупрозрачную карточку вокруг всего текста. */
body.klever-site-page .klever-volokolamka-hero__content,
body.klever-site-page .klever-krasnogorsk-hero__content,
body.klever-site-page .klever-mitino-hero__content {
  width: min(620px, 100%) !important;
  max-width: 620px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body.klever-site-page .klever-volokolamka-hero__content::before,
body.klever-site-page .klever-krasnogorsk-hero__content::before,
body.klever-site-page .klever-mitino-hero__content::before {
  display: none !important;
  content: none !important;
}

/* Основной текст — белый, без понижения прозрачности. Тень помогает
   сохранить читаемость даже на светлом участке интерьерной фотографии. */
body.klever-site-page .klever-volokolamka-hero__content > h1,
body.klever-site-page .klever-krasnogorsk-hero__content > h1,
body.klever-site-page .klever-mitino-hero__content > h1,
body.klever-site-page .klever-hotel-hero__h1 {
  color: #fff !important;
  opacity: 1 !important;
  text-shadow: 0 3px 16px var(--klever-hero-shadow) !important;
}

body.klever-site-page .klever-volokolamka-hero__title,
body.klever-site-page .klever-krasnogorsk-hero__title,
body.klever-site-page .klever-mitino-hero__title,
body.klever-site-page .klever-volokolamka-hero__content > h2,
body.klever-site-page .klever-krasnogorsk-hero__content > h2,
body.klever-site-page .klever-mitino-hero__content > h2 {
  color: #fff !important;
  opacity: 1 !important;
  text-shadow: 0 3px 16px var(--klever-hero-shadow) !important;
}

body.klever-site-page .klever-volokolamka-hero__text,
body.klever-site-page .klever-krasnogorsk-hero__text,
body.klever-site-page .klever-mitino-hero__text,
body.klever-site-page .klever-volokolamka-hero__content > p,
body.klever-site-page .klever-krasnogorsk-hero__content > p,
body.klever-site-page .klever-mitino-hero__content > p {
  color: #fff !important;
  opacity: 1 !important;
  font-weight: 500 !important;
  text-shadow: 0 3px 15px var(--klever-hero-shadow) !important;
}

body.klever-site-page .klever-volokolamka-hero__fact,
body.klever-site-page .klever-krasnogorsk-hero__fact,
body.klever-site-page .klever-mitino-hero__fact {
  background: linear-gradient(145deg, rgba(36, 33, 27, .72), rgba(60, 54, 45, .59)) !important;
  border-color: rgba(255, 255, 255, .21) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .11) !important;
}

body.klever-site-page .klever-volokolamka-hero__fact-title,
body.klever-site-page .klever-krasnogorsk-hero__fact-title,
body.klever-site-page .klever-mitino-hero__fact-title {
  color: #fff !important;
  opacity: 1 !important;
}

body.klever-site-page .klever-volokolamka-hero__fact-text,
body.klever-site-page .klever-krasnogorsk-hero__fact-text,
body.klever-site-page .klever-mitino-hero__fact-text {
  color: rgba(255, 255, 255, .88) !important;
  opacity: 1 !important;
}

/* У телефонов подложка не появляется: меняется лишь направление общей
   затемняющей подложки под всем hero. */
@media (max-width: 767.98px) {
  body.klever-site-page .klever-volokolamka-hero {
    background-image:
      linear-gradient(180deg, rgba(17,14,10,.96) 0%, rgba(17,14,10,.86) 63%, rgba(17,14,10,.66) 100%),
      url('/upload/medialibrary/79c/vol.png') !important;
  }

  body.klever-site-page .klever-krasnogorsk-hero {
    background-image:
      linear-gradient(180deg, rgba(17,14,10,.96) 0%, rgba(17,14,10,.86) 63%, rgba(17,14,10,.66) 100%),
      url('/upload/medialibrary/69a/klever-vokzalnaya.png') !important;
  }

  body.klever-site-page .klever-mitino-hero {
    background-image:
      linear-gradient(180deg, rgba(17,14,10,.96) 0%, rgba(17,14,10,.86) 63%, rgba(17,14,10,.66) 100%),
      url('/upload/medialibrary/ed3/mitino.png') !important;
  }

  body.klever-site-page .klever-volokolamka-hero__content,
  body.klever-site-page .klever-krasnogorsk-hero__content,
  body.klever-site-page .klever-mitino-hero__content {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Replain располагается в правом нижнем углу. Кнопку «Наверх»
     поднимаем выше него с учётом безопасной зоны iPhone. */
  body.klever-site-page .go_top,
  body.klever-site-page #Go_Top {
    right: 14px !important;
    bottom: calc(88px + env(safe-area-inset-bottom)) !important;
    z-index: 999 !important;
  }
}