/* Программа по дням: site/_includes/program.njk, program-cards.njk; поведение — site/program.js. */

/* Пунктир между днями — как в макете Webflow (штрих 16 px, шаг 32 px, прозрачность 20%), но без
 * 10-килобайтной картинки на каждый день. */
.program-sep { width: 100%; height: 1px; background: repeating-linear-gradient(90deg, currentColor 0 16px, transparent 16px 32px); opacity: .2; }

/* Полоска под активным фото на компьютере */
.swiper-pagination-days .swiper-pagination-bullet { position: relative; }
.swiper-pagination-days .swiper-pagination-bullet-active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: block;
  width: 100%;
  height: 4px;
  border-radius: 6px;
  background: #f0f0f0;
}
@media (max-width: 991px) {
  .swiper.day-pic .swiper-wrapper { gap: 4px; }
}

/* «Читать больше» на телефоне: длинный текст дня свёрнут до четырёх строк */
@media screen and (max-width: 767px) {
  .day-short-description {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    -webkit-box-orient: vertical;
    transition: all .3s ease;
  }
  .day-short-description.collapsed { -webkit-line-clamp: 4; }
  .day-review-read-more { cursor: pointer; }
  .day-review-read-more svg { transition: transform .3s ease; }
  .day-review-read-more svg.rotated { transform: rotate(180deg); }
}

/* Заглушка в слайдере дня: размер фото дня (общие стили заглушки — photo-lost.css) */
.program-day-pic .photo-lost { width: 100%; min-height: 388px; }
@media (max-width: 991px) {
  .program-day-pic .photo-lost { width: 200px; min-height: 140px; height: 140px; padding: 10px; }
  .program-day-pic .photo-lost-text { padding: 6px 8px 4px; box-shadow: 3px 3px 0 #e1f641; font-size: 17px; }
}

/* Карточки (Патагония): заглушка на месте фото, абзацы текста дня */
.pa-day-card > .photo-lost { width: 100%; height: auto; min-height: 230px; border-radius: 0; }
.pa-day-copy p + p { margin-top: 10px; }
@media (max-width: 700px) {
  .pa-day-card > .photo-lost { min-height: 220px; }
}