/*
Theme Name: Kitamo
Theme URI: https://kitamo.ru
Description: Дочерняя тема Kadence для сайта Kitamo. Держит стили лендинга и вывод блоков, перенесённых из прежнего блога.
Author: Kitamo
Template: kadence
Version: 1.0.0
Text Domain: kitamo
*/

/* Стили лендинга лежат отдельно, в landing.scoped.css, и подключаются только на
   тех страницах, где есть обёртка .kitamo-landing. Здесь — общие мелочи сайта. */

/* Блок «Группа» рисует внутри себя служебную обёртку wp-block-group__inner-container.
   Перенесённая вёрстка держится на сетках, а сетка раскладывает только прямых потомков —
   лишняя обёртка ломала бы каждую из них. display:contents убирает её из раскладки,
   оставляя детей прямыми потомками контейнера. Своих стилей у обёртки нет, терять нечего. */
.kitamo-landing .wp-block-group__inner-container,
.kitamo-doc .wp-block-group__inner-container {
  display: contents;
}

/* ---------- Уведомление о сборе данных ----------
   Показывается на всех страницах сайта, поэтому живёт здесь, а не в стилях
   лендинга: те подключаются только на перенесённых страницах. Значения цветов
   заданы прямо, без переменных лендинга, чтобы блок не зависел от обёртки. */
.kitamo-cookie {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 100;
  background: #ffffff; border-top: 1px solid rgba(15,20,25,0.08);
  box-shadow: 0 -4px 12px -6px rgba(15,23,42,0.12);
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}
.kitamo-cookie[hidden] { display: none; }
.kitamo-cookie-in {
  max-width: 1180px; margin: 0 auto; padding: 12px 24px;
  display: flex; align-items: center; gap: 16px; flex-wrap: wrap;
}
.kitamo-cookie p {
  font-size: 0.8125rem; line-height: 1.5; color: #5a626c; margin: 0; flex: 1; min-width: 260px;
}
.kitamo-cookie a {
  color: #0f1419; text-decoration: underline; text-underline-offset: 3px;
  text-decoration-color: rgba(15,20,25,0.18);
}
.kitamo-cookie a:hover { text-decoration-color: #0f1419; }
.kitamo-cookie button {
  font: inherit; font-size: 0.8125rem; font-weight: 500; cursor: pointer;
  padding: 8px 16px; border-radius: 5px;
  color: #0f1419; background: #ffffff; border: 1px solid rgba(15,20,25,0.18);
}
.kitamo-cookie button:hover { background: #f1f3f6; }

/* ---------- Кнопки в шапке ----------
   Два пункта меню оформлены кнопками, как было на прежнем сайте: «Войти» ведёт
   в систему, «Запросить демо» — к форме. Классы задаются у пунктов меню, поэтому
   состав и порядок правятся в админке, а вид остаётся здесь. */
.kitamo-nav-login > a,
.kitamo-nav-demo > a {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 0.8125rem; line-height: 1.4; white-space: nowrap;
  padding: 8px 16px; border-radius: 5px;
  transition: background-color .18s cubic-bezier(0.4, 0, 0.2, 1);
}
.kitamo-nav-login > a {
  background: #ffffff; color: #0f1419; border: 1px solid rgba(15,20,25,0.14); font-weight: 500;
}
.kitamo-nav-login > a:hover { background: #f1f3f6; }
.kitamo-nav-demo > a {
  background: #0f1419; color: #f1f3f6; border: 1px solid #0f1419; font-weight: 600;
}
.kitamo-nav-demo > a:hover { background: #2b3138; border-color: #2b3138; }

/* Тема подчёркивает пункты меню при наведении — у кнопок это лишнее. */
.kitamo-nav-login > a::after,
.kitamo-nav-demo > a::after { display: none !important; }