/* SC-ICG Partner Logos — 前台跑馬燈樣式（全部 selector 皆以 .sc-icg-k-aepltw-logos 為範圍） */

.sc-icg-k-aepltw-logos {
	--sc-icg-k-pl-gap: clamp(48px, 8vw, 140px);
	--sc-icg-k-pl-height: 47px;
	--sc-icg-k-pl-maxwidth: 126px;
	--sc-icg-k-pl-duration: 40s;
	display: flex;
	flex-direction: column;
	row-gap: 100px;
	padding: 120px 0;
	overflow: hidden;
	/* 滿版：跳脫主題的內容寬度限制，向兩側延伸至視窗全寬 */
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}

.sc-icg-k-aepltw-logos__row {
	overflow: hidden;
	width: 100%;
}

.sc-icg-k-aepltw-logos__track {
	display: flex;
	width: max-content;
	animation: sc-icg-k-aepltw-logos-scroll var(--sc-icg-k-pl-duration) linear infinite;
	will-change: transform;
}

.sc-icg-k-aepltw-logos__track--right {
	animation-direction: reverse;
}

@keyframes sc-icg-k-aepltw-logos-scroll {
	from { transform: translateX(0); }
	to   { transform: translateX(-50%); }
}

/* 滑鼠停留時暫停滾動 */
@media (hover: hover) {
	.sc-icg-k-aepltw-logos__row:hover .sc-icg-k-aepltw-logos__track {
		animation-play-state: paused;
	}
}

.sc-icg-k-aepltw-logos__group {
	display: flex;
	align-items: center;
	column-gap: var(--sc-icg-k-pl-gap);
	padding-right: var(--sc-icg-k-pl-gap);
	flex-shrink: 0;
}

.sc-icg-k-aepltw-logos__item {
	display: flex;
	align-items: center;
	justify-content: center;
	height: var(--sc-icg-k-pl-height);
	flex-shrink: 0;
	text-decoration: none;
}

.sc-icg-k-aepltw-logos__item img {
	display: block;
	height: 100%;
	width: auto;
	max-width: var(--sc-icg-k-pl-maxwidth);
	object-fit: contain;
	filter: grayscale(1) opacity(0.55);
	transition: filter 0.3s ease;
	user-select: none;
	-webkit-user-drag: none;
}

/* hover 恢復原始彩色 */
@media (hover: hover) {
	.sc-icg-k-aepltw-logos__item:hover img {
		filter: grayscale(0) opacity(1);
	}
}

.sc-icg-k-aepltw-logos__item:focus-visible img,
.sc-icg-k-aepltw-logos__item:active img {
	filter: grayscale(0) opacity(1);
}

/* 平板 */
@media (max-width: 1024px) {
	.sc-icg-k-aepltw-logos {
		padding: 100px 0;
		row-gap: 100px;
	}
}

/* 手機 */
@media (max-width: 767px) {
	.sc-icg-k-aepltw-logos {
		--sc-icg-k-pl-height: 36px;
		--sc-icg-k-pl-maxwidth: 99px;
		--sc-icg-k-pl-gap: 40px;
		padding: 60px 0;
		row-gap: 50px;
	}
}

/* 使用者偏好減少動態效果：停止動畫並改為可橫向捲動 */
@media (prefers-reduced-motion: reduce) {
	.sc-icg-k-aepltw-logos__track {
		animation: none;
	}
	.sc-icg-k-aepltw-logos__row {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	.sc-icg-k-aepltw-logos__group[aria-hidden="true"] {
		display: none;
	}
}