/*
 * ETheme-Block — logos（客户 / 证书 Logo 排）
 */

.etb-logos {
	box-sizing: border-box;
	width: 100%;
	padding-block: var(--eth-section-space-y, 3rem);
}

.etb-logos__grid {
	display: grid;
	grid-template-columns: repeat(var(--etb-logos-cols, 6), minmax(0, 1fr));
	gap: var(--eth-space-m, 1.5rem);
	align-items: center;
	max-width: var(--eth-container, 1350px);
	margin-inline: auto;
	padding-inline: var(--eth-section-space-x, 1.5rem);
}

.etb-logos--cols-3 .etb-logos__grid { --etb-logos-cols: 3; }
.etb-logos--cols-4 .etb-logos__grid { --etb-logos-cols: 4; }
.etb-logos--cols-5 .etb-logos__grid { --etb-logos-cols: 5; }
.etb-logos--cols-6 .etb-logos__grid { --etb-logos-cols: 6; }
.etb-logos--cols-7 .etb-logos__grid { --etb-logos-cols: 7; }
.etb-logos--cols-8 .etb-logos__grid { --etb-logos-cols: 8; }

.etb-logos__item {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
}

.etb-logos__image {
	display: block;
	max-width: min(100%, var(--etb-logos-image-max-width, 100%));
	max-height: var(--etb-logos-image-max-height, none);
	width: auto;
	height: auto;
	object-fit: contain;
}

.etb-logos__link {
	display: inline-flex;
	text-decoration: none;
}

.etb-logos--grayscale .etb-logos__image {
	filter: grayscale(1);
	opacity: 0.7;
	transition: filter var(--eth-transition-s, 0.15s ease), opacity var(--eth-transition-s, 0.15s ease);
}

.etb-logos--grayscale .etb-logos__link:hover .etb-logos__image,
.etb-logos--grayscale .etb-logos__item:hover .etb-logos__image {
	filter: grayscale(0);
	opacity: 1;
}

.etb-logos__item-preview {
	max-height: 60px;
	width: auto;
}

/* 1.1：合作伙伴卡片与横向轮播。 */
.etb-logos--style-tile .etb-logos__item {
	min-height: 7rem;
	padding: var(--eth-space-s, 1rem);
	border: 1px solid var(--eth-border, rgba(0, 0, 0, 0.12));
	border-radius: var(--eth-radius-s, 0.5rem);
	background: var(--eth-bg-surface, #fff);
}

.etb-logos__slider {
	max-width: var(--eth-container, 1350px);
	margin-inline: auto;
	padding-inline: var(--eth-section-space-x, 1.5rem);
}

.etb-logos--style-slider .etb-logos__track .etb-logos__item {
	flex: 0 0 calc((100% - (var(--eth-space-m, 1.5rem) * 5)) / 6);
	min-height: 5rem;
	scroll-snap-align: start;
}

.etb-logos--style-slider.etb-logos--cols-3 .etb-logos__track .etb-logos__item { flex-basis: calc((100% - (var(--eth-space-m, 1.5rem) * 2)) / 3); }
.etb-logos--style-slider.etb-logos--cols-4 .etb-logos__track .etb-logos__item { flex-basis: calc((100% - (var(--eth-space-m, 1.5rem) * 3)) / 4); }
.etb-logos--style-slider.etb-logos--cols-5 .etb-logos__track .etb-logos__item { flex-basis: calc((100% - (var(--eth-space-m, 1.5rem) * 4)) / 5); }
.etb-logos--style-slider.etb-logos--cols-7 .etb-logos__track .etb-logos__item { flex-basis: calc((100% - (var(--eth-space-m, 1.5rem) * 6)) / 7); }
.etb-logos--style-slider.etb-logos--cols-8 .etb-logos__track .etb-logos__item { flex-basis: calc((100% - (var(--eth-space-m, 1.5rem) * 7)) / 8); }

.etb-logos--style-slider .etb-logos__track .etb-logos__link {
	justify-content: center;
	width: 100%;
}

@media (max-width: 992px) {
	.etb-logos--cols-6 .etb-logos__grid,
	.etb-logos--cols-7 .etb-logos__grid,
	.etb-logos--cols-8 .etb-logos__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.etb-logos--style-slider .etb-logos__track .etb-logos__item {
		flex-basis: calc((100% - (var(--eth-space-m, 1.5rem) * 3)) / 4);
	}
}

@media (max-width: 767px) {
	.etb-logos--cols-3 .etb-logos__grid,
	.etb-logos--cols-4 .etb-logos__grid,
	.etb-logos--cols-5 .etb-logos__grid,
	.etb-logos--cols-6 .etb-logos__grid,
	.etb-logos--cols-7 .etb-logos__grid,
	.etb-logos--cols-8 .etb-logos__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.etb-logos--style-slider .etb-logos__track .etb-logos__item {
		flex-basis: calc((100% - var(--eth-space-m, 1.5rem)) / 2);
	}

	.etb-logos__track {
		--etb-carousel-gap: var(--eth-space-s, 1rem);
	}
}