/* JDEV: plywajacy pasek "Przejdz do kasy" w koszyku, tylko telefon. Pasek tworzy sticky-cart.js.
   Wyglad jak pasek "Dodaj do koszyka" na karcie produktu (sticky-add-to-cart.css). */

.jdev-sticky-cart { display: none; }

@media (max-width: 959px) {
	.jdev-sticky-cart {
		display: flex;
		align-items: center;
		gap: 14px;
		position: fixed;
		z-index: 980; /* pod modalami UIkit (1010) */
		left: 0;
		right: 0;
		bottom: 0;
		padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
		background: #fff;
		border-radius: 18px 18px 0 0;
		box-shadow: 0 -4px 18px rgba(22, 91, 51, .12);
		transform: translateY(110%);
		transition: transform .25s ease;
	}
	.jdev-sticky-cart.is-visible { transform: translateY(0); }

	.jdev-sticky-cart__sum { flex: 0 0 auto; display: flex; flex-direction: column; line-height: 1.1; }
	.jdev-sticky-cart__label { font-family: nexa, sans-serif; font-size: 12px; color: #5b6b61; }
	.jdev-sticky-cart__amount { font-family: nexa, sans-serif; font-size: 20px; font-weight: 700; color: #165b33; white-space: nowrap; }
	.jdev-sticky-cart__amount bdi, .jdev-sticky-cart__amount span { color: inherit; }

	.jdev-sticky-cart__btn {
		flex: 1 1 auto;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 50px;
		border-radius: 500px;
		background: linear-gradient(0deg, #165b33, #1d7d45);
		color: #fff !important;
		font-family: nexa, sans-serif;
		font-size: 16px;
		font-weight: 700;
		text-decoration: none !important;
	}
	.jdev-sticky-cart__btn:active { background: linear-gradient(320deg, #0c4123, #0b5a2b); }

	body.jdev-has-sticky-cart { padding-bottom: 74px; }

	/* powiadomienia UIkit i zielona sluchawka nad paskiem, gdy pasek widoczny */
	body.jdev-cart-visible .uk-notification-bottom-left,
	body.jdev-cart-visible .uk-notification-bottom-center,
	body.jdev-cart-visible .uk-notification-bottom-right { bottom: 84px; }
	body.jdev-cart-visible .hoho-mobile-phone { bottom: calc(84px + env(safe-area-inset-bottom)) !important; }
}