/* TechVan Logo Ticker — a Kadence Advanced Gallery (Grid) with the class
   tv-ticker becomes a continuous strip. Height and gap are the two knobs. */
.tv-ticker {
	--tv-ticker-height: 48px;
	--tv-ticker-gap: 56px;
	--tv-ticker-opacity: .72;
}

/* The gallery's grid becomes a single clipped row, faded at both ends.
   (Kadence's per-gallery rule pulls the grid out by half its gutter.) */
.tv-ticker .kb-gallery-ul,
.tv-ticker .kb-gallery-ul.kb-gallery-type-grid {
	display: flex !important;
	grid-template-columns: none !important;
	gap: var(--tv-ticker-gap);
	margin: 0 !important;
	padding: 0;
	overflow: hidden;
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
	        mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.tv-ticker__track,
.tv-ticker__seq {
	display: flex;
	flex: none;
	align-items: center;
	gap: var(--tv-ticker-gap);
}
.tv-ticker--ready .tv-ticker__track {
	animation: tv-ticker var(--tv-ticker-duration, 20s) linear infinite;
	will-change: transform;
}
.tv-ticker:hover .tv-ticker__track { animation-play-state: paused; }
@keyframes tv-ticker {
	to { transform: translateX(calc(-1 * var(--tv-ticker-distance, 0px))); }
}

/* Kadence wraps each image in an intrinsic-ratio box (padding-bottom, image
   absolute). Undo it: a static box as high as the strip, image contained.
   The long selectors out-rank Kadence's own. */
.tv-ticker .kb-gallery-ul .kadence-blocks-gallery-item,
.tv-ticker .kb-gallery-ul.kb-gallery-type-grid .kadence-blocks-gallery-item {
	flex: none;
	width: auto;
	margin: 0;
	padding: 0; /* the grid's per-gallery gutter rule */
	list-style: none;
}
.tv-ticker .kb-gallery-ul .kadence-blocks-gallery-item .kadence-blocks-gallery-item-inner,
.tv-ticker .kb-gallery-ul .kadence-blocks-gallery-item .kadence-blocks-gallery-item-inner figure,
.tv-ticker .kb-gallery-ul .kadence-blocks-gallery-item .kadence-blocks-gallery-item-inner .kb-gal-image-radius {
	width: auto;
	margin: 0;
}
.tv-ticker .kb-gallery-ul .kadence-blocks-gallery-item .kadence-blocks-gallery-item-inner figure .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic {
	position: static;
	width: auto;
	height: var(--tv-ticker-height);
	padding-bottom: 0 !important;
}
.tv-ticker .kb-gallery-ul .kadence-blocks-gallery-item .kadence-blocks-gallery-item-inner figure .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic img {
	position: static;
	display: block;
	width: auto;
	max-width: none;
	height: var(--tv-ticker-height);
	object-fit: contain;
	opacity: var(--tv-ticker-opacity);
	transition: opacity .22s cubic-bezier(.22, .61, .36, 1);
}
.tv-ticker .kadence-blocks-gallery-item:hover img { opacity: 1; }

@media (max-width: 767px) {
	.tv-ticker { --tv-ticker-height: 40px; --tv-ticker-gap: 40px; }
}
@media (prefers-reduced-motion: reduce) {
	.tv-ticker--ready .tv-ticker__track { animation: none; }
	.tv-ticker img { transition: none !important; }
}
