/* Start:/local/templates/planett/components/bitrix/news.list/reviews-list-tailwind/style.css?17660014303773*/
/* === Центрирование каждого слайда === */
.reviews-slider .slick-slide {
    display: flex !important;
    justify-content: center !important;
}

/* === Стрелки === */
.slick-prev,
.slick-next {
    position: static !important; /* переносим вниз */
    transform: none !important;
    width: 48px;
    height: 48px;
    background: white !important;
    border-radius: 50%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    color: #2E7BA8 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    z-index: 10 !important;
    cursor: pointer;
}

/* убираем дефолтные chevron'ы slick */
.slick-prev:before,
.slick-next:before {
    display: none !important;
}

/* Hover */
.slick-prev:hover,
.slick-next:hover,
.review-prev:hover,
.review-next:hover {
    background: #2E7BA8 !important;
    color: #fff !important;
}

/* === Точки (dots) === */

.slick-dots {
    position: static !important; /* перемещаем вниз */
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-top: 1rem;
    gap: 6px;
}

.slick-dots li {
    margin: 0 !important;
    width: 12px !important;
    height: 12px !important;
}

.slick-dots li button {
    width: 12px !important;
    height: 12px !important;
    padding: 0 !important;
    border-radius: 9999px !important;
    background-color: rgba(0,0,0,0.25) !important;
}

/* убираем цифры slick */
.slick-dots li button:before {
    font-size: 0 !important;
}

/* активная точка */
.slick-dots li.slick-active button {
    background-color: #2E7BA8 !important;
    transform: scale(1.1);
}

/* убираем нижний отступ slick */
.slick-dotted.slick-slider {
    margin-bottom: 0 !important;
}

/* === Обёртка стрелок + точек (на всякий случай) === */
.reviews-nav-container,
.flex.justify-center.items-center.space-x-4.mt-8 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
}

/* ===========================
   RESPONSIVE: reviews nav
   < 768px
   =========================== */
@media (max-width: 767.98px) {

  /* 1) Прячем dots */
  .slick-dots {
    display: none !important;
  }

  /* 2) Контейнер навигации — разрешаем перенос и убираем space-x */
  .reviews-nav-container,
  .flex.justify-center.items-center.space-x-4.mt-8 {
    flex-wrap: wrap !important;
    gap: 12px !important;
    justify-content: center !important;
    align-items: center !important;
  }

  /* Tailwind space-x-4 добавляет margin-left детям — убираем */
  .flex.justify-center.items-center.space-x-4.mt-8 > * + * {
    margin-left: 0 !important;
  }

  /* 3) Уменьшаем размеры стрелок */
  .slick-prev,
  .slick-next,
  .review-prev,
  .review-next {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    border-radius: 9999px !important;
  }

  /* 4) Чуть меньше иконки внутри */
  .review-prev i,
  .review-next i,
  .slick-prev i,
  .slick-next i {
    font-size: 18px !important;
    line-height: 1 !important;
  }
}

/* ===========================
   OPTIONAL: very small screens
   < 420px
   =========================== */
@media (max-width: 419.98px) {

  /* Если даже стрелки не влезают — ставим их по краям */
  .reviews-nav-container,
  .flex.justify-center.items-center.space-x-4.mt-8 {
    width: 100% !important;
  }

  /* Кнопки прижимаем к краям */
  .review-prev,
  .review-next {
    margin: 0 !important;
  }
}

/* End */
/* /local/templates/planett/components/bitrix/news.list/reviews-list-tailwind/style.css?17660014303773 */