/**
 * JW Cookie — уведомление об использовании файлов cookie.
 * Информирующий сценарий (Приложение №2 к Политике: «продолжая работу на Сайте,
 * я даю согласие»), поэтому кнопка одна — «Принять», скриптов аналитики баннер
 * не блокирует. Всё на токенах jv-variables.css, кнопка — компонент .jw-btn.
 *
 * Компоновка: узкая плашка в левом нижнем углу, а не полоса во всю ширину —
 * баннер обязателен, но это техническая сноска, он не должен спорить с контентом.
 */

.jw-cookie {
  position: fixed;
  /* Правый нижний угол: слева внизу баннер спорил с лентой «Сообщить об ошибке»
     и кнопками фидбэка. */
  right: 20px;
  bottom: 20px;
  z-index: 1200;                 /* выше липкой шапки/бара, ниже модалок фидбэка */
  width: min(400px, calc(100vw - 40px));
  transform: translateY(calc(100% + 40px));
  opacity: 0;
  visibility: hidden;
  transition: transform .34s cubic-bezier(.22, .8, .3, 1), opacity .24s ease, visibility .24s;
}

.jw-cookie.is-visible {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

.jw-cookie__inner {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  background: var(--jv-bg-white);
  border: 1px solid var(--jv-border);
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(23, 23, 23, .12);
}

.jw-cookie__text {
  flex: 1 1 auto;
  margin: 0;
  font-family: var(--jv-font-family);
  font-size: var(--jv-font-size-sm);     /* 12px */
  line-height: 1.4;
  color: var(--jv-text-secondary);
}

.jw-cookie__text a {
  color: var(--jv-primary);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.jw-cookie__text a:hover { color: var(--jv-primary-hover); }

/* кнопка ниже штатных 36px .jw-btn--sm: в плашке-сноске она не CTA страницы */
.jw-cookie__btn {
  flex: 0 0 auto;
  --jw-btn-height: 30px;
  padding: 0 14px;
  border-radius: 9px;
}

@media (max-width: 480px) {
  .jw-cookie { right: 12px; bottom: 12px; width: calc(100vw - 24px); }
}

@media (prefers-reduced-motion: reduce) {
  .jw-cookie { transition: opacity .2s ease, visibility .2s; transform: translateY(0); }
}