/* JDEV: plywajacy pasek "Dodaj do koszyka" na karcie produktu, tylko telefon (wzor: skinexpert.pl, wariant A).
   Pasek tworzy sticky-add-to-cart.js; klik przekazuje do oryginalnego przycisku WooCommerce.
   Kolory i ksztalt jak przycisk .button.alt w motywie HOHO (zielony gradient, pastylka, font nexa). */

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

@media (max-width: 959px) {
	.jdev-sticky-atc {
		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-atc.is-visible { transform: translateY(0); }

	/* promocja: WooCommerce daje <del> przed <ins>, stara cena nad nowa */
	.jdev-sticky-atc__price {
		flex: 0 0 auto;
		font-family: nexa, sans-serif;
		font-size: 20px;
		font-weight: 700;
		line-height: 1.1;
		color: #165b33;
		white-space: nowrap;
	}
	.jdev-sticky-atc__price.is-sale { display: flex; flex-direction: column; }
	.jdev-sticky-atc__price ins { text-decoration: none; background: none; color: inherit; } /* motyw daje ins ciemne tlo */
	.jdev-sticky-atc__price del { font-size: 12px; font-weight: 400; color: #8a8a8a; }
	.jdev-sticky-atc__price .screen-reader-text { display: none; }

	.jdev-sticky-atc__btn {
		flex: 1 1 auto;
		height: 50px;
		border: 0;
		border-radius: 500px;
		background: linear-gradient(0deg, #165b33, #1d7d45);
		color: #fff;
		font-family: nexa, sans-serif;
		font-size: 16px;
		font-weight: 700;
		cursor: pointer;
	}
	.jdev-sticky-atc__btn:active { background: linear-gradient(320deg, #0c4123, #0b5a2b); }

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

	/* niewybrana lista wariantu po kliknieciu w pasek */
	.variations select.jdev-atc-need { animation: jdev-atc-need 1.6s ease; }
	@keyframes jdev-atc-need {
		0%, 60% { border-color: #1d7d45; box-shadow: 0 0 0 3px rgba(29, 125, 69, .35); }
		100% { box-shadow: 0 0 0 0 rgba(29, 125, 69, 0); }
	}

	/* powiadomienia UIkit nad paskiem */
	body.jdev-has-sticky-atc .uk-notification-bottom-left,
	body.jdev-has-sticky-atc .uk-notification-bottom-center,
	body.jdev-has-sticky-atc .uk-notification-bottom-right { bottom: 84px; }

	/* zielona sluchawka (.hoho-mobile-phone w stopce) nad paskiem, gdy pasek widoczny */
	body.jdev-atc-visible .hoho-mobile-phone { bottom: calc(84px + env(safe-area-inset-bottom)) !important; }
}