/*
 * Отзывы на главной (миграция 077): карусель Elementor Pro .hb-tm-carousel, слайды — прежние карточки.
 * Стрелки и точки — в цветах бренда; длинный отзыв обрезается, кнопка .hb-tm-more раскрывает его (testimonials.js).
 * Полный текст остаётся в HTML — поисковики его видят.
 */
.hb-tm-carousel {
	--hb-tm-gold: #CB9C45;
	--hb-tm-lines: 12; /* строк текста до кнопки «Ավելին» (высота строки отзыва — 20px) */
	--e-n-carousel-arrow-size: 18px;
	--e-n-carousel-arrow-normal-color: var(--hb-tm-gold);
	--e-n-carousel-arrow-hover-color: #fff;
	--e-n-carousel-arrow-prev-left-position: 0;
	--e-n-carousel-arrow-next-right-position: 0;
	padding: 0 64px;
}

/* место над и под карточками: фото выступает над карточкой, карточка поднимается при наведении (hb-hover-lift) */
.hb-tm-carousel .e-n-carousel {
	padding: 10px 0 24px;
}

.hb-tm-carousel.elementor-widget-n-carousel .elementor-swiper-button {
	--e-n-carousel-arrow-normal-border-type: solid;
	--e-n-carousel-arrow-hover-border-type: solid;
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--hb-tm-gold);
	border-radius: 50%;
	background: #fff;
	transition: background-color 0.2s ease;
}
.hb-tm-carousel.elementor-widget-n-carousel .elementor-swiper-button:hover,
.hb-tm-carousel.elementor-widget-n-carousel .elementor-swiper-button:focus-visible {
	background: var(--hb-tm-gold);
}

.hb-tm-carousel .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: #d6d6d6;
	opacity: 1;
}
.hb-tm-carousel .swiper-pagination-bullet-active {
	background: var(--hb-tm-gold);
}

/* длинный отзыв: обрезан с плавным затуханием (маска — работает на любом цвете карточки) */
.hb-tm-carousel .hb-tm-clamp:not(.is-open) {
	max-height: calc(var(--hb-tm-lines) * 20px);
	overflow: hidden;
	-webkit-mask-image: linear-gradient(#000 65%, transparent);
	mask-image: linear-gradient(#000 65%, transparent);
}

/* кнопка — внизу карточки, на одной высоте во всех слайдах */
.hb-tm-more {
	align-self: center;
	margin-top: auto;
	padding: 4px 8px;
	border: 0;
	background: none;
	color: inherit;
	font: inherit;
	font-size: 14px;
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
}
.hb-tm-more:hover,
.hb-tm-more:focus {
	background: none;
	opacity: 0.8;
}

/* телефон: одна карточка на экран, листают пальцем и точками — стрелки не нужны */
@media (max-width: 767px) {
	.hb-tm-carousel {
		--hb-tm-lines: 9;
		padding: 0;
	}
	.hb-tm-carousel.elementor-widget-n-carousel .elementor-swiper-button {
		display: none;
	}
}