@charset "UTF-8";
/* =========================================================================
   eggheist — cookie.css (v2)
   Cookie-баннер (template-parts/cookie-banner.php) и нижний отступ body,
   пока баннер виден. Подключается на всех страницах, включая воронку.

   Логика — cookie-consent.js: показывает `#eggCookieBar`, снимает `hidden`,
   вешает `body.has-cookie-bar`; после «Понятно» прячет баннер и снимает
   класс. Реальную высоту баннера JS измеряет сам и при необходимости
   правит padding inline — значения ниже лишь безопасный запас на случай,
   если скрипт ещё не отработал.
   ========================================================================= */

/* ── 1. Панель ──────────────────────────────────────────────────────────── */
/* z-index 60 — выше липкой шапки (50); модальных окон в теме нет. Верхняя
   граница `--line-2`, без тени: баннер отделяется от контента, но не кричит. */
.cookie-bar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 60;
  background: var(--card);
  border-top: 1px solid var(--line-2);
}
.cookie-bar[hidden] { display: none; }

/* `.cookie-bar__inner` — это `.nest` (ширина 1140px) + flex-ряд. */
.cookie-bar__inner {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 12px 20px;
}

.cookie-bar__text {
  flex: 1 1 320px;
  margin: 0;
  font-size: 13.5px;
  line-height: 1.45;
  color: var(--text-2);
}
.cookie-bar__text a { color: var(--accent); }

.cookie-bar__acts {
  flex-shrink: 0;
  display: flex;
  gap: 10px;
  align-items: center;
}
.cookie-bar__acts .btn-egg { padding: 10px 18px; font-size: 14px; }

/* ── 2. Отступ body под баннер ──────────────────────────────────────────── */
/* Пока баннер виден, подвал не должен прятаться под ним. */
body.has-cookie-bar { padding-bottom: 96px; }

/* На телефонах баннер складывается в колонку: текст, под ним кнопка на всю
   ширину (большая цель для пальца). Текст ужат до 13px/1.4, чтобы баннер
   не закрывал треть экрана. */
@media (max-width: 720px) {
  body.has-cookie-bar { padding-bottom: 140px; }

  .cookie-bar__inner {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    padding: 12px 16px;
  }
  .cookie-bar__text {
    flex: none;
    font-size: 13px;
    line-height: 1.4;
  }
  .cookie-bar__acts { width: 100%; }
  .cookie-bar__acts .btn-egg { width: 100%; }
}

/* Телефон в ландшафте (высота ≤ 500px): текст ещё чуть мельче, иначе баннер
   закрывает половину экрана. Только пока баннер виден. */
@media (max-height: 500px) {
  .cookie-bar__text {
    font-size: 12px;
    line-height: 1.35;
  }
}