/* =====================================================================
   Cookie notice — Vektor Child.
   Только раскладка/позиционирование. Цвет, типографика и фокус наследуются
   от .vkt-navy и .vkt-btn--primary (tokens.css/style.css) — единый источник,
   без magic-numbers по цвету.
   z-index 8000: НИЖЕ поп-апа заявки (9500) и лайтбокса (9000) — модалки
   должны перекрывать плашку, а не наоборот.
   ===================================================================== */
.vkt-cookie {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 8000;
  box-shadow: var(--shadow-md);
  border-top: 1px solid rgba(255, 255, 255, .12);
  animation: vkt-cookie-in .25s ease-out;
}
.vkt-cookie[hidden] { display: none; }

.vkt-cookie__inner {
  display: flex;
  align-items: center;
  gap: var(--space-5);
  padding-top: var(--space-4);
  padding-bottom: var(--space-4);
}

.vkt-cookie__text {
  margin: 0;
  font-size: var(--text-2xs); /* 14px — компактный юр-текст */
  line-height: 1.5;
}

.vkt-cookie__accept {
  flex: 0 0 auto;
  padding: var(--space-3) var(--space-6); /* компактнее базовой кнопки; min-height 44 сохранён */
}

@keyframes vkt-cookie-in {
  from { transform: translateY(100%); }
  to   { transform: translateY(0); }
}

/* Мобайл: текст над кнопкой, кнопка на всю ширину под палец. Компактно, чтобы
   не перекрывать контент/CTA надолго (согласие = плашка убирается). */
@media (max-width: 560px) {
  .vkt-cookie__inner {
    flex-direction: column;
    align-items: stretch;
    gap: var(--space-3);
    padding-top: var(--space-3);
    padding-bottom: var(--space-3);
  }
  .vkt-cookie__accept { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .vkt-cookie { animation: none; }
}