/**
 * Блок «Документы и отчеты»: слайдер и фиксы вёрстки карточек.
 *
 * Отдельный файл, а не src/scss: node-зависимости темы не ставятся
 * (maskit@1.0.13 удалён из npm), dist/bundle.css пересобрать нельзя.
 * Подключается после bundle.css, поэтому переопределяет сеточные правила.
 */

/* ширину карточки задаёт swiper (inline на .swiper-slide),
   сеточный calc из bundle.css здесь только мешает */
.documents__slider .document {
  width: 100%;
  height: 100%;
}

/* --- фикс переносов: длинные слова вроде «конфиденциальности» --- */
.document__content {
  min-width: 0;
}

.document__title {
  font-size: 18px;
  line-height: 1.3;
  overflow-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  /* резерв под 3 строки, чтобы описания и кнопки совпадали по сетке */
  min-height: calc(3 * 1.3em);
}

.document__text {
  line-height: 1.4;
  overflow-wrap: break-word;
  hyphens: auto;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: calc(2 * 1.4em);
}

/* кнопка по центру карточки — и в «Документации», и в «Отчетах» */
.document__footer {
  padding-top: 15px;
  display: flex;
  justify-content: center;
}

.document__button {
  display: inline-flex;
  justify-content: center;
  max-width: 100%;
  white-space: nowrap;
}

/* --- навигация: swiper обрезает всё, что вынесено за его край,
   поэтому круги лежат внутри ленты, поверх крайних карточек --- */

.documents__slider .swiper {
  padding-bottom: 5px;
}

.documents__slider .slider__buttons .swiper-button-prev,
.documents__slider .slider__buttons .swiper-button-next {
  width: 50px;
  height: 50px;
  margin-top: 0;
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(4px);
  color: var(--white);
  transition: all 0.3s;
}

.documents__slider .slider__buttons .swiper-button-prev:after,
.documents__slider .slider__buttons .swiper-button-next:after {
  font-size: 16px;
}

.documents__slider .slider__buttons .swiper-button-prev:hover,
.documents__slider .slider__buttons .swiper-button-next:hover {
  background-color: var(--white);
  /* --black в тёмной теме почти белый, иконка бы пропала на белом круге */
  color: var(--surface-contrast);
}

.documents__slider .slider__buttons .swiper-button-disabled {
  opacity: 0;
  pointer-events: none;
}

.documents__slider .slider__buttons .swiper-button-prev {
  left: 10px;
}

.documents__slider .slider__buttons .swiper-button-next {
  right: 10px;
}

@media (max-width: 991px) {
  .document__title {
    font-size: 16px;
  }
  /* стрелки на тач-экранах мешают: листается свайпом */
  .documents__slider .slider__buttons {
    display: none;
  }
}

@media (max-width: 767px) {
  /* карточка на экране одна, выравнивать сетку не с чем — резерв убираем */
  .document__title,
  .document__text {
    min-height: 0;
  }
}