/**
 * Bike sticky price + CTA — single bike (max-width: 1023px). Paired with part-sticky-price-bar-bike.php.
 *
 * @package NewTechPrice
 */

.ntp-sticky-price-bar {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 60;
	transform: translate3d(0, 108%, 0);
	opacity: 0;
	pointer-events: none;
	will-change: transform, opacity;
	transition:
		transform 0.55s cubic-bezier(0.16, 1, 0.3, 1),
		opacity 0.45s cubic-bezier(0.16, 1, 0.3, 1);
	padding-bottom: env(safe-area-inset-bottom, 0);
	border-top: 1px solid rgb(223 228 234 / 0.95);
	background: rgb(255 255 255 / 0.97);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	box-shadow: 0 -6px 20px rgb(10 25 49 / 0.05);
}

[data-theme='dark'] .ntp-sticky-price-bar {
	border-top-color: rgb(51 65 85 / 0.85);
	background: rgb(15 23 42 / 0.96);
	box-shadow: 0 -8px 28px rgb(0 0 0 / 0.28);
}

.ntp-sticky-price-bar--visible {
	transform: translate3d(0, 0, 0);
	opacity: 1;
	pointer-events: auto;
}

@media (prefers-reduced-motion: reduce) {
	.ntp-sticky-price-bar {
		transition: opacity 0.2s ease;
		transform: translate3d(0, 0, 0);
	}

	.ntp-sticky-price-bar:not(.ntp-sticky-price-bar--visible) {
		opacity: 0;
		pointer-events: none;
	}
}

@media (min-width: 1024px) {
	.ntp-sticky-price-bar {
		display: none !important;
	}
}

.ntp-single-bike--sticky-open {
	padding-bottom: calc(5.25rem + env(safe-area-inset-bottom, 0px));
}

@media (min-width: 1024px) {
	.ntp-single-bike--sticky-open {
		padding-bottom: inherit;
	}
}

.ntp-sticky-price-bar .js-price-official {
	color: var(--ntp-accent-color, #00a8ff);
}

.ntp-sticky-price-bar__alert {
	border-radius: 0.75rem;
}

.ntp-sticky-price-bar__alert-panel:not(.hidden) {
	display: block;
}

.ntp-sticky-price-bar__alert-msg--ok {
	color: rgb(22 163 74);
}

[data-theme='dark'] .ntp-sticky-price-bar__alert-msg--ok {
	color: rgb(74 222 128);
}

.ntp-sticky-price-bar__alert-msg--err {
	color: rgb(220 38 38);
}

[data-theme='dark'] .ntp-sticky-price-bar__alert-msg--err {
	color: rgb(248 113 113);
}
