/* --- Стили для фотогалереи foto-gallery-1 --- */

/* Стрелки: убираем черный фон по умолчанию у Slick и задаем размер */
#foto-gallery-1 .foto-gallery-1 .slick-prev:before,
#foto-gallery-1 .foto-gallery-1 .slick-next:before {
    display: none !important; /* Скрываем стандартные шрифтовые стрелки Slick */
}

#foto-gallery-1 .foto-gallery-1 .slick-prev,
#foto-gallery-1 .foto-gallery-1 .slick-next {
    width: 44px;
    height: 44px;
    z-index: 2; /* Чтобы были поверх картинок */
}


/* Размер иконки FontAwesome */
#foto-gallery-1 .foto-gallery-1 .slick-prev i,
#foto-gallery-1 .foto-gallery-1 .slick-next i {
    font-size: 1.5rem;
}

/* Доты: стилизация */
#foto-gallery-1 .foto-gallery-1 .slick-dots li button:before {
    color: var(--bs-info);
    font-size: 10px;           /* Размер точек */
    opacity: 0.5;              /* Полупрозрачность для неактивных */
}

/* Активный дот */
#foto-gallery-1 .foto-gallery-1 .slick-dots li.slick-active button:before {
    color: var(--bs-info);
    opacity: 1 !important;     /* Непрозрачный для активного */
}