/* 2026-05 обновление стилей */
/*
Слайдер "номера" на главной страние сделать вертикальным, стрелки перенести на фото (для мобильной версии). 
Фотографии для мобильной версии необходимо подготовить отдельно.
Вертикальный слайдер на главной странице с кнопками на самих фотографиях решает ключевую задачу — максимальное удобство просмотра номеров без лишних действий.
*/

.slider-pagination-v2 .swiper-pagination-bullet{
    width: 0.1em;
    height: .1em;
    margin: 0 .04em;
}

.list_room_scrolled{
	overflow-y: scroll;
    max-height: 350px;
}

.rooms-slider_alt .slider-counter{
	display: none;
}

@media(max-width: 991px){
	.rooms-slider_alt .rooms-slider__item-content {
		padding-top: 25px;
		padding-bottom: 25px;
	}

	.rooms-slider_alt .rooms-slider__item img{
		height: 60vh;
		height: 480px;
	}

	.rooms-slider_alt .rooms-slider__item-img{
		max-height: initial;
	}
	
	.slider-counter_base{
		display: none;
	}

	.rooms-slider_alt .slider-counter{
		display: inline-block;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		color: white;
		width: 100%;
		filter: brightness(5) drop-shadow(2px 2px 8px black);
	}
	
	.rooms-slider_alt .slider-counter__text{
		display: none;
	}

	.rooms-slider_alt button.btn{
		width: 40px;
		height: 50px;	
		position: absolute;
		top: 220px;
		opacity: 1;		
	}

	.rooms-slider_alt .prev.btn{
		left: 8px;
	}

	.rooms-slider_alt .next.btn{
		right: 8px;   
	}
}

/*
для мобильной версии:
1. Слайдер с фото на детальной странице номера вертикальный;
2. стрелки добавлены и перенесены на фото;
3. Фотографии для мобильной версии необходимо подготовить отдельно.
*/

.slider-counter_room_alt{
	display: none;
}




@media(max-width: 991px){

	.slider-counter_room_alt{
		display: inline-block;
	}
	
	.room-detail__slider_alt{
		height: 500px;
	}
	
	.slider-type-2-button_mobile-prev{
		z-index: 1;		    
		position: absolute;
		top: 50%;
		left: 0;
		display: inline-block;
	}
	
	.slider-type-2-button_mobile-next{
		z-index: 1;		    
		position: absolute;
		top: 50%;
		right: 0;
		display: inline-block;
	}
	
	.slider-counter_room_alt{
		position: absolute;
        top: 0;
        z-index: 1;
        left: 0;
        margin: 0 !important;
		width: 100%;
		
	}
	
	.slider-counter_room_alt button.btn{
		position: absolute;
		width: 40px;
		height: 50px;	
		filter: brightness(5) drop-shadow(2px 2px 8px black);
		top: 220px;
	}
	
	.slider-counter_room_alt button.btn.prev{
		left: 8px;
	}
	.slider-counter_room_alt button.btn.next{
		right: 8px;  
	}
	
	.slider-counter_room_alt .slider-counter__text{
		display: none;
		
	}
}