/**
 * Shared listing grid loading state (mobile + bike AJAX filters).
 * Canonical path: Mobile module owns the file; Bike listing pages enqueue the same handle via {@see \Core\Bootstrap\FrontendAssets\ListingAjaxGridAssetsRegistrar}.
 *
 * @package NewTechPrice
 */

[data-ntp-listing-grid][aria-busy='true'] {
	position: relative;
	pointer-events: none;
	min-height: 12rem;
}

[data-ntp-listing-grid][aria-busy='true']::after {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: 0.75rem;
	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(2px);
	background: linear-gradient(
		110deg,
		rgb(241 245 249 / 0.35) 0%,
		rgb(241 245 249 / 0.85) 40%,
		rgb(241 245 249 / 0.35) 80%
	);
	background-size: 200% 100%;
	animation: ntp-listing-skeleton-shimmer 1.1s ease-in-out infinite;
	pointer-events: none;
}

[data-theme='dark'] [data-ntp-listing-grid][aria-busy='true']::after {
	background: linear-gradient(
		110deg,
		rgb(30 41 59 / 0.4) 0%,
		rgb(51 65 85 / 0.75) 45%,
		rgb(30 41 59 / 0.4) 80%
	);
	background-size: 200% 100%;
}

@keyframes ntp-listing-skeleton-shimmer {
	0% {
		background-position: 100% 0;
	}
	100% {
		background-position: -100% 0;
	}
}