/* =====================================================================
   GeoWise — уведомление об использовании файлов cookie (баннер согласия).
   Наряд SEO-6 (Д-127), санкция [С] 24.10 17:54.

   styles/tokens.css и styles/components.css заморожены (docs/FROZEN.md),
   поэтому все правила баннера лежат здесь. Файл подключается на каждой
   странице после components.css. Своих цветов, шрифтов и «магических» px
   нет: всё — переменные tokens.css и принятые классы кнопок
   (.btn .btn--ghost .btn--sm).

   Вид: полоса внизу окна. Содержимое страницы не перекрывается целиком,
   прокрутка не блокируется (никакого overflow:hidden на <html>/<body>).
   Кнопки «Принять» и «Отказаться» — одного размера, цвета и веса, ни одна
   не выделена (без тёмных паттернов, DRAFT раздел 2).
   ===================================================================== */

/* ---------- Полоса ---------- */
/* z-index 70 — выше шапки (50) и плавающей кнопки Telegram (60):
   полоса не должна оказаться под ними. */
.cb{position:fixed;left:0;right:0;bottom:0;z-index:70;
    background:var(--bg);border-top:1px solid var(--line-2);box-shadow:var(--sh-drop)}
.cb[hidden]{display:none}

.cb__in{display:flex;align-items:center;justify-content:space-between;
        gap:var(--gap);padding-top:var(--gap);padding-bottom:var(--gap)}

/* Текст — наборный мелкий (15/20 ПК, как пункты списков документов). */
.cb__text{flex:1 1 auto;min-width:0;
          font-size:var(--fs-small);line-height:var(--lh-small);color:var(--gray)}
.cb__text a{color:var(--blue)}
.cb__text a:hover{opacity:.9}

/* Две равные колонки: кнопки получают одинаковую ширину без фиксированных px. */
.cb__actions{flex:0 0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
             gap:calc(var(--gap) / 2)}
.cb__actions .btn{width:100%}

/* Пока полоса видна, низ страницы не должен оказаться под ней: добавляем
   ровно её высоту отступом снизу. Прокрутка при этом не блокируется, а в конце
   страницы подвал виден целиком. Выбор сделан — полоса скрыта, отступа нет
   и вёрстка ровно та же, что была (сверка снимков — tools/seo/seo6_shots.py). */
.cb-open body{padding-bottom:var(--cb-h, 0px)}

/* Плавающая кнопка Telegram поднимается над полосой, пока полоса видна.
   Своё правило, components.css не меняется; --cb-h ставит JS по фактической
   высоте полосы. */
.cb-open .tg{bottom:calc(var(--tg-bottom) + var(--cb-h, 0px))}

/* ---------- Телефон: текст и кнопки столбиком ---------- */
@media (max-width:767px){
  .cb__in{display:block}
  .cb__actions{margin-top:var(--gap-lead)}
}

/* ---------- «Настройки cookie» в подвале ---------- */
/* Кнопка выглядит и ведёт себя как остальные пункты подвала
   (.footer__list a: 15/20, цвет --ink, наведение opacity .9). */
.cb-settings{display:inline;padding:0;border:0;background:none;
             font:inherit;color:inherit;text-align:left;cursor:pointer}
.cb-settings:hover{opacity:.9}