/* cookie-consent.css — ненавязчивое уведомление о файлах cookie (152-ФЗ).
 * Появляется один раз; выбор хранится в localStorage. */

.cookie-consent {
  position: fixed;
  left: var(--space-4);
  right: var(--space-4);
  bottom: var(--space-4);
  z-index: var(--z-overlay); /* 200 — ниже тостов (400) и модалок (300) */
  max-width: 760px;
  margin-inline: auto;
  display: flex;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-4) var(--space-5);
  background: var(--clr-surface);
  border: 1px solid var(--clr-border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  animation: fn-rise var(--transition-normal) ease both;
}

.cookie-consent__text {
  flex: 1;
  margin: 0;
  font-size: var(--text-sm);
  color: var(--clr-text-2);
  line-height: var(--leading-relaxed);
}
.cookie-consent__text a {
  color: var(--clr-primary);
  text-decoration: underline;
}

.cookie-consent__actions {
  display: flex;
  gap: var(--space-2);
  flex-shrink: 0;
}
/* Компактнее стандартной кнопки — баннер не должен доминировать. */
.cookie-consent .btn {
  padding: var(--space-2) var(--space-4);
  font-size: var(--text-sm);
}

@media (max-width: 600px) {
  .cookie-consent {
    flex-direction: column;
    align-items: stretch;
  }
  .cookie-consent__actions .btn { flex: 1; }
}