/* === Cambr Logo Carousel === */

.cambr-logo-carousel {
	overflow: hidden;
	width: 100%;
	height: 100px;
	padding: 20px 60px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.5);
	box-sizing: border-box;
	display: flex;
	align-items: center;
}

.cambr-logo-carousel__track {
	display: flex;
	align-items: center;
	gap: 120px;
	width: max-content;
	animation: cambr-logo-scroll var(--carousel-speed, 40s) linear infinite;
}

.cambr-logo-carousel__track:hover {
	animation-play-state: paused;
}

.cambr-logo-carousel__item {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cambr-logo-carousel__image {
	max-height: 32px;
	width: auto;
	object-fit: contain;
	opacity: 0.75;
	transition: opacity 0.3s ease;
}

.cambr-logo-carousel__image:hover {
	opacity: 1;
}

/* === Dark Color Scheme === */

.cambr-logo-carousel--dark {
	background: #003b77;
	border-bottom: 1px solid #ffffff;
}

.cambr-logo-carousel--dark .cambr-logo-carousel__image {
	filter: brightness(0) invert(1);
	opacity: 0.85;
}

.cambr-logo-carousel--dark .cambr-logo-carousel__image:hover {
	opacity: 1;
}

@keyframes cambr-logo-scroll {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-50%);
	}
}

/* === Responsive === */

@media (max-width: 767px) {
	.cambr-logo-carousel {
		height: 80px;
		padding: 16px 20px;
		gap: 60px;
		border-bottom: none;
	}

	.cambr-logo-carousel__track {
		gap: 60px;
	}

	.cambr-logo-carousel__image {
		max-height: 32px;
	}
}