/*
 * Стили баннера согласия на cookie. Отдельным файлом, потому что баннер нужен и
 * основному лендингу, и архивному `/old`, а те грузят разные наборы стилей:
 * landing-v4/landing.css архив не подключает вовсе.
 *
 * Разметку рисует /platform/site/static/cookie-consent.js. Инлайновых стилей в
 * нём нет намеренно: их пришлось бы разрешать в CSP.
 */
/*
 * Баннер рисуется скриптом cookie-consent.js и живёт на обоих лендингах, поэтому
 * стили держим здесь, а не инлайном: инлайновый стиль пришлось бы разрешать в CSP.
 * Полоса снизу, а не модальное окно по центру: читать страницу она не мешает, а
 * решение можно отложить — технически необходимые cookie согласия не требуют.
 */
#eb-cookie-banner {
  position: fixed;
  z-index: 60;
  inset: auto 16px 16px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 20px;
  max-width: 980px;
  margin: 0 auto;
  padding: 14px 18px;
  border: 1px solid var(--line, rgba(15, 23, 42, 0.12));
  border-radius: 14px;
  background: var(--surface, #fff);
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.16);
  font-size: 14px;
  line-height: 1.45;
}

.eb-cookie__body {
  flex: 1 1 320px;
}

.eb-cookie__text {
  color: var(--ink-2, #334155);
}

/* Мелкий текст под сообщением: «продолжая пользоваться сайтом, вы соглашаетесь». */
.eb-cookie__fine {
  margin: 4px 0 0;
  font-size: 12px;
  line-height: 1.4;
  color: var(--muted, #64748b);
}

.eb-cookie__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.eb-cookie__btn {
  min-height: 40px;
  padding: 0 16px;
  border: 1px solid var(--line, rgba(15, 23, 42, 0.16));
  border-radius: 10px;
  background: transparent;
  color: var(--ink, #0f172a);
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}

.eb-cookie__btn--primary {
  border-color: transparent;
  background: var(--primary, #2563eb);
  color: #fff;
}

.eb-cookie__btn:hover {
  border-color: var(--primary, #2563eb);
}