/*
 * Klever v5 — финальное выравнивание шапки и читабельности hero-блоков.
 * Подключается последним после legacy-стилей и page-specific <style>.
 */

/* ── Одинаковый логотип во всех шапках ───────────────────────────
   На главной используется живой текст из /include/index_header_logo.php
   в шрифте Andantino. На внутренних страницах старый слой заменял его
   псевдоэлементом и другим шрифтом. Возвращаем тот же исходный текст
   и ровно те же параметры, что у .klever-home-header__brand. */
body.klever-site-page:not(.klever-home-page) .klever-site-header__brand .klever-logo-title {
  display: inline-block !important;
  margin: 0 !important;
  color: #3d3d3d !important;
  font-family: Andantino, Georgia, serif !important;
  font-size: 31px !important;
  font-weight: 400 !important;
  letter-spacing: .01em !important;
  line-height: 1 !important;
  text-shadow:
    0 1px 0 rgba(255, 255, 255, .90),
    0 2px 4px rgba(183, 123, 0, .28) !important;
  white-space: nowrap !important;
}

body.klever-site-page:not(.klever-home-page) .klever-site-header__brand .klever-logo-title::before {
  content: none !important;
  display: none !important;
}

/* ── Страницы гостиниц: более плотный затемняющий градиент и
   контрастная типографика. Подзаголовок и вводный текст больше не
   попадают на светлую часть фоновой фотографии. */
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;
}

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

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

body.klever-site-page .klever-mitino-hero {
  background-image:
    linear-gradient(90deg,
      rgba(18, 15, 11, .97) 0%,
      rgba(18, 15, 11, .92) 46%,
      rgba(18, 15, 11, .66) 66%,
      rgba(18, 15, 11, .30) 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: min(620px, 100%) !important;
  max-width: 620px !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 {
  display: block !important;
  margin: 3px 0 0 !important;
  color: #fff !important;
  font-size: clamp(22px, 2vw, 29px) !important;
  font-weight: 700 !important;
  letter-spacing: -.024em !important;
  line-height: 1.18 !important;
  opacity: 1 !important;
  text-shadow: 0 3px 16px rgba(0, 0, 0, .68) !important;
  visibility: visible !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: rgba(255, 255, 255, .96) !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 1.58 !important;
  opacity: 1 !important;
  text-shadow: 0 3px 15px rgba(0, 0, 0, .72) !important;
  visibility: visible !important;
}

@media (max-width: 767.98px) {
  body.klever-site-page:not(.klever-home-page) .klever-site-header__brand .klever-logo-title {
    font-size: 25px !important;
  }

  body.klever-site-page .klever-volokolamka-hero,
  body.klever-site-page .klever-krasnogorsk-hero,
  body.klever-site-page .klever-mitino-hero {
    background-image:
      linear-gradient(180deg,
        rgba(18, 15, 11, .96) 0%,
        rgba(18, 15, 11, .87) 62%,
        rgba(18, 15, 11, .72) 100%) !important;
  }

  body.klever-site-page .klever-volokolamka-hero { background-image: linear-gradient(180deg, rgba(18,15,11,.96), rgba(18,15,11,.72)), url('/upload/medialibrary/79c/vol.png') !important; }
  body.klever-site-page .klever-krasnogorsk-hero { background-image: linear-gradient(180deg, rgba(18,15,11,.96), rgba(18,15,11,.72)), url('/upload/medialibrary/69a/klever-vokzalnaya.png') !important; }
  body.klever-site-page .klever-mitino-hero { background-image: linear-gradient(180deg, rgba(18,15,11,.96), rgba(18,15,11,.72)), 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;
  }

  body.klever-site-page .klever-volokolamka-hero__title,
  body.klever-site-page .klever-krasnogorsk-hero__title,
  body.klever-site-page .klever-mitino-hero__title { font-size: 23px !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 { font-size: 15px !important; }
}