/* ==========================================
   Плашка cookie для гостей (Module/CookieConsent)
   Не модалка: без подложки, страница под ней доступна.
   Стоит внизу экрана поверх содержимого.
   ========================================== */

.ds-cookie-consent {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  /* Ниже модалки (1000) и шторки сайдбара (999): во время входа/барьера
     плашке незачем лезть наверх, а после них она снова на виду. */
  z-index: 400;
  padding: var(--ds-space-4);
  background: var(--ds-bg-raised);
  border-top: 1px solid var(--ds-border-light);
  box-sizing: border-box;
}

/* Контент и кнопка на широком экране — в одну строку: плашка не должна
   закрывать половину первого экрана. */
.ds-cookie-consent__inner {
  display: flex;
  align-items: center;
  gap: var(--ds-space-4);
  max-width: var(--ds-content-max-width);
  margin: 0 auto;
}

.ds-cookie-consent__title {
  flex: 0 0 auto;
  margin: 0;
  color: var(--ds-text-heading);
  font-family: var(--ds-font-heading);
  font-size: var(--ds-font-size-lg);
  font-weight: 700;
  line-height: 1.3;
  /* Заголовок не должен раздувать плашку по горизонтали. */
  max-width: 240px;
}

.ds-cookie-consent__text {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  color: var(--ds-text-primary);
  font-size: var(--ds-font-size-sm);
  line-height: 1.5;
}

.ds-cookie-consent__link { color: var(--ds-text-link); }

.ds-cookie-consent__accept {
  flex: 0 0 auto;
  white-space: nowrap;
  font-weight: 700;
}

/* Узкие экраны: столбиком, текст сверху, кнопка на всю ширину. */
@media (max-width: 1024px) {
  .ds-cookie-consent__inner {
    flex-direction: column;
    align-items: stretch;
    gap: var(--ds-space-2);
  }

  .ds-cookie-consent__title {
    max-width: none;
    font-size: var(--ds-font-size-base);
  }

  .ds-cookie-consent__accept {
    width: 100%;
    margin-top: var(--ds-space-1);
  }
}

@media (max-width: 480px) {
  .ds-cookie-consent { padding: var(--ds-space-3); }
}