/**
 * TalPress Carousels - Slick
 * Clients carousel & Homepage sites carousel
 */

/* --- Clients Carousel --- */
.talpress-clients-carousel {
	width: 100%;
	padding: 80px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 56px;
	overflow: hidden;
	background-color: #f5f5f5;
}

.talpress-clients-carousel-title {
	font-family: var(--e-global-typography-text-font-family, 'Ping HL', sans-serif);
	font-size: 40px;
	font-weight: 700;
	line-height: normal;
	color: rgba(0, 0, 0, 0.85);
	text-align: center;
	margin: 0;
	white-space: pre-wrap;
}

.talpress-clients-carousel-rows {
	display: flex;
	flex-direction: column;
	gap: 48px;
	width: 100%;
}

.talpress-clients-carousel-row {
	overflow: hidden;
}

.talpress-clients-carousel .slick-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 78px;
	padding: 0;
}

.talpress-clients-row-1 { direction: ltr; }

.talpress-clients-carousel .slick-slide img {
	max-height: 78px;
	max-width: 152px;
	width: auto;
	height: auto;
	object-fit: contain;
	filter: grayscale(100%);
	opacity: 1;
	transition: filter 0.3s ease, opacity 0.3s ease;
}

.talpress-clients-carousel .slick-slide img:hover {
	filter: grayscale(0%);
}

@media (max-width: 1400px) {
	.talpress-clients-carousel { padding: 60px 24px; }
	.talpress-clients-carousel-title { font-size: 32px; }
	.talpress-clients-carousel .slick-slide { height: 60px; padding: 0 32px; }
	.talpress-clients-carousel .slick-slide img { max-height: 60px; max-width: 120px; }
}

@media (max-width: 768px) {
	.talpress-clients-carousel { padding: 48px 16px; gap: 40px; }
	.talpress-clients-carousel-title { font-size: 24px; }
	.talpress-clients-carousel-rows { gap: 32px; }
	.talpress-clients-carousel .slick-slide { height: 44px; padding: 0 24px; }
	.talpress-clients-carousel .slick-slide img { max-height: 44px; max-width: 100px; }
}

/* --- Homepage Sites Carousel --- */
.talpress-homepage-sites-carousel {
	width: 100%;
	padding: 80px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 56px;
	overflow: hidden;
	background-color: #f5f5f5;
}

.talpress-homepage-sites-carousel-title {
	font-family: var(--e-global-typography-text-font-family, 'Ping HL', sans-serif);
	font-size: 40px;
	font-weight: 700;
	line-height: normal;
	color: rgba(0, 0, 0, 0.85);
	text-align: center;
	margin: 0;
	white-space: pre-wrap;
}

.talpress-homepage-sites-carousel-rows {
	display: flex;
	flex-direction: column;
	gap: 48px;
	width: 100%;
}

.talpress-homepage-sites-carousel-row {
	overflow: hidden;
}

.talpress-homepage-sites-carousel .slick-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 200px;
	padding: 0;
	margin:0 10px;
}

.talpress-sites-row-1 { direction: ltr; transform: scaleX(-1);}
.talpress-sites-row-1 .slick-slide {
    transform: scaleX(-1);
}
.talpress-sites-row-2 { direction: rtl; }

.talpress-homepage-sites-carousel .slick-slide img {
	max-height: 200px;
	max-width:356px;
	width: auto;
	height: auto;
	object-fit: contain;
	opacity: 1;
	transition: filter 0.3s ease, opacity 0.3s ease;
}

.talpress-homepage-sites-carousel .slick-slide img:hover {

}

@media (max-width: 1400px) {
	.talpress-homepage-sites-carousel { padding: 0; }
	.talpress-homepage-sites-carousel-title { font-size: 32px; }
	.talpress-homepage-sites-carousel .slick-slide { height: auto; padding: 0; }
	.talpress-homepage-sites-carousel .slick-slide img { max-height: 200px; max-width: none; }
}

@media (max-width: 768px) {
	.talpress-homepage-sites-carousel { padding: 0; gap: 20px; }
	.talpress-homepage-sites-carousel-title { font-size: 24px; }
	.talpress-homepage-sites-carousel-rows { gap: 32px; }
	.talpress-homepage-sites-carousel .slick-slide { height: auto; padding: 0; }
	.talpress-homepage-sites-carousel .slick-slide img { max-height: 150px; max-width: none; }
}