/* css/cookie-banner.css
   Лаконичная «полоса-баннер» внизу страницы
   ────────────────────────────────────────── */

#cookie-banner {
  position: fixed;
  inset: auto 0 0 0;         /* прибить к низу, растянуть на ширину */
  z-index: 9999;

  /* фон / шрифт */
  background: rgba(41, 41, 41, 0.95);
  color: #f3f3f3;

  /* верстка*/
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  align-items: center;

  padding: 12px 16px;
  font-size: 15px;
  line-height: 1.4;
}

/* ссылка на политику */
#cookie-banner a {
  color: #6ea8ff;
  text-decoration: underline;
}
#cookie-banner a:hover {
  color: #a3c8ff;
}

/* кнопка «ОК» */
#cookie-accept {
  appearance: none;
  border: none;
  border-radius: 4px;
  padding: 6px 16px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;

  background: #6ea8ff;
  color: #fff;
  transition: background 0.2s ease;
}
#cookie-accept:hover {
  background: #5293fc;
}
#cookie-accept:active {
  transform: translateY(1px);
}

/* -------- адаптация для мобильных -------- */

@media (max-width: 520px) {
  #cookie-banner {
    font-size: 14px;
    text-align: center;
  }
  #cookie-accept {
    width: 100%;
  }
}