/* Kitchenu - Sticky add to cart (Win11 desktop bar + mobile floating dock) */

/* Override Flatsome theme solid bar background */
.sticky-add-to-cart.sticky-add-to-cart--active,
body.single-product .sticky-add-to-cart.sticky-add-to-cart--active {
	background: transparent !important;
	background-color: transparent !important;
}

body.single-product.ku-sticky-atc-visible {
	padding-bottom: calc(86px + env(safe-area-inset-bottom, 0px));
}

@media (min-width: 850px) {
	body.single-product.ku-sticky-atc-visible {
		padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px));
	}
}

.sticky-add-to-cart-wrapper {
	height: 0 !important;
	overflow: visible !important;
}

.sticky-add-to-cart {
	z-index: 999990 !important;
	transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.22s ease !important;
}

.sticky-add-to-cart:not(.sticky-add-to-cart--active) {
	transform: translateY(110%) !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

.sticky-add-to-cart.sticky-add-to-cart--active {
	transform: translateY(0) !important;
	opacity: 1 !important;
	pointer-events: auto !important;
}

/* Desktop floating card — 70% width, centered */
@media (min-width: 850px) {
	.sticky-add-to-cart.sticky-add-to-cart--active {
		left: 50% !important;
		right: auto !important;
		bottom: 18px !important;
		width: 70% !important;
		max-width: 1120px !important;
		min-width: 0 !important;
		padding: 0 !important;
		border: none !important;
		background: transparent !important;
		background-color: transparent !important;
		backdrop-filter: none !important;
		-webkit-backdrop-filter: none !important;
		box-shadow: none !important;
		transform: translateX(-50%) translateY(0) !important;
	}

	.sticky-add-to-cart:not(.sticky-add-to-cart--active) {
		left: 50% !important;
		right: auto !important;
		transform: translateX(-50%) translateY(120%) !important;
	}

	.sticky-add-to-cart.sticky-add-to-cart--active .sticky-add-to-cart__product {
		display: grid !important;
		grid-template-columns: 56px minmax(0, 1fr) auto auto !important;
		gap: 14px !important;
		align-items: center !important;
		width: 100% !important;
		margin: 0 auto !important;
		padding: 12px 16px !important;
		border: 1px solid rgba(226, 232, 240, 0.92) !important;
		border-radius: 20px !important;
		background:
			linear-gradient(135deg, rgba(255, 255, 255, 0.94) 0%, rgba(248, 250, 252, 0.9) 58%, rgba(255, 251, 235, 0.78) 100%) !important;
		backdrop-filter: blur(22px) saturate(1.45) !important;
		-webkit-backdrop-filter: blur(22px) saturate(1.45) !important;
		box-shadow:
			0 1px 2px rgba(15, 23, 42, 0.05),
			0 14px 40px rgba(15, 23, 42, 0.14),
			inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
	}

	.sticky-add-to-cart.sticky-add-to-cart--active .sticky-add-to-cart-img {
		width: 56px !important;
		height: 56px !important;
		border-radius: 14px !important;
		object-fit: contain !important;
		background: #fff !important;
		border: 1px solid #e2e8f0 !important;
		box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06) !important;
	}

	.sticky-add-to-cart.sticky-add-to-cart--active .product-title-small {
		display: block !important;
		margin: 0 !important;
		font-size: 14px !important;
		font-weight: 800 !important;
		color: #0f172a !important;
		line-height: 1.55 !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}

	.sticky-add-to-cart.sticky-add-to-cart--active .product-title-small strong {
		font-weight: 800 !important;
	}

	.sticky-add-to-cart.sticky-add-to-cart--active .sticky-add-to-cart__product .woocommerce-Price-amount {
		font-size: 16px !important;
		font-weight: 800 !important;
		color: #c2410c !important;
		white-space: nowrap !important;
	}

	.sticky-add-to-cart.sticky-add-to-cart--active .sticky-add-to-cart-select-options-button,
	.sticky-add-to-cart.sticky-add-to-cart--active .sticky-add-to-cart__product .button,
	.sticky-add-to-cart.sticky-add-to-cart--active .single_add_to_cart_button {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		min-width: 180px !important;
		min-height: 48px !important;
		margin: 0 !important;
		padding: 0 22px !important;
		border: none !important;
		border-radius: 14px !important;
		background: linear-gradient(135deg, #f59e0b 0%, #f97316 100%) !important;
		color: #fff !important;
		font-size: 14px !important;
		font-weight: 800 !important;
		box-shadow: 0 8px 22px rgba(249, 115, 22, 0.28) !important;
		transition: transform 0.18s ease, box-shadow 0.18s ease !important;
	}

	.sticky-add-to-cart.sticky-add-to-cart--active .sticky-add-to-cart-select-options-button:hover,
	.sticky-add-to-cart.sticky-add-to-cart--active .sticky-add-to-cart__product .button:hover {
		transform: translateY(-1px) !important;
		box-shadow: 0 10px 26px rgba(249, 115, 22, 0.34) !important;
		color: #fff !important;
	}
}

/* Beat theme custom-css full-width sticky bar */
body.single-product .sticky-add-to-cart-wrapper .sticky-add-to-cart.sticky-add-to-cart--active,
body.single-product .sticky-add-to-cart.sticky-add-to-cart--active {
	background: transparent !important;
	background-color: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

/* Mobile floating dock (centered pill) */
@media (max-width: 849px) {
	body.single-product.ku-sticky-atc-visible {
		padding-bottom: calc(118px + env(safe-area-inset-bottom, 0px));
	}

	.sticky-add-to-cart.sticky-add-to-cart--active {
		left: 50% !important;
		right: auto !important;
		bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
		width: min(calc(100% - 24px), 390px) !important;
		transform: translateX(-50%) translateY(0) !important;
		padding: 0 !important;
		background: transparent !important;
		border: none !important;
		box-shadow: none !important;
	}

	.sticky-add-to-cart:not(.sticky-add-to-cart--active) {
		transform: translateX(-50%) translateY(120%) !important;
	}

	.sticky-add-to-cart.sticky-add-to-cart--active .sticky-add-to-cart__product {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		gap: 10px !important;
		width: 100% !important;
		padding: 10px 12px !important;
		border: 1px solid rgba(255, 255, 255, 0.78) !important;
		border-radius: 18px !important;
		background: rgba(255, 255, 255, 0.78) !important;
		backdrop-filter: blur(20px) saturate(165%) !important;
		-webkit-backdrop-filter: blur(20px) saturate(165%) !important;
		box-shadow:
			0 1px 2px rgba(15, 23, 42, 0.05),
			0 16px 44px rgba(15, 23, 42, 0.14),
			inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
	}

	.sticky-add-to-cart.sticky-add-to-cart--active .ku-sticky-atc__top {
		display: flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
		gap: 10px !important;
		flex: 1 1 auto !important;
		min-width: 0 !important;
	}

	.sticky-add-to-cart.sticky-add-to-cart--active .sticky-add-to-cart-img {
		width: 40px !important;
		height: 40px !important;
		border-radius: 12px !important;
		object-fit: contain !important;
		background: #fff !important;
		border: 1px solid #e2e8f0 !important;
		flex: 0 0 40px !important;
		order: 2 !important;
	}

	.sticky-add-to-cart.sticky-add-to-cart--active .ku-sticky-atc__meta {
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		justify-content: center !important;
		gap: 2px !important;
		min-width: 0 !important;
		flex: 1 !important;
		order: 1 !important;
		text-align: right !important;
	}

	.sticky-add-to-cart.sticky-add-to-cart--active .product-title-small {
		display: block !important;
		width: 100% !important;
		margin: 0 !important;
		font-size: 12px !important;
		font-weight: 800 !important;
		color: #475569 !important;
		line-height: 1.5 !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}

	.sticky-add-to-cart.sticky-add-to-cart--active .product-title-small strong {
		font-weight: 800 !important;
	}

	.sticky-add-to-cart.sticky-add-to-cart--active .sticky-add-to-cart__product .woocommerce-Price-amount {
		display: block !important;
		font-size: 14px !important;
		font-weight: 800 !important;
		color: #c2410c !important;
		line-height: 1.4 !important;
	}

	.sticky-add-to-cart.sticky-add-to-cart--active .sticky-add-to-cart-select-options-button,
	.sticky-add-to-cart.sticky-add-to-cart--active .sticky-add-to-cart__product .button,
	.sticky-add-to-cart.sticky-add-to-cart--active .single_add_to_cart_button {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 44px !important;
		height: 44px !important;
		min-width: 44px !important;
		min-height: 44px !important;
		margin: 0 !important;
		padding: 0 !important;
		border: none !important;
		border-radius: 14px !important;
		background: linear-gradient(135deg, #f59e0b 0%, #f97316 100%) !important;
		color: #fff !important;
		font-size: 0 !important;
		font-weight: 800 !important;
		box-shadow: 0 10px 26px rgba(249, 115, 22, 0.3) !important;
		order: 3 !important;
		flex: 0 0 auto !important;
	}

	.sticky-add-to-cart.sticky-add-to-cart--active .sticky-add-to-cart-select-options-button::before,
	.sticky-add-to-cart.sticky-add-to-cart--active .sticky-add-to-cart__product .button::before,
	.sticky-add-to-cart.sticky-add-to-cart--active .single_add_to_cart_button::before {
		content: "" !important;
		display: inline-block !important;
		width: 20px !important;
		height: 20px !important;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Ccircle cx='9' cy='20' r='1'/%3E%3Ccircle cx='18' cy='20' r='1'/%3E%3Cpath d='M2 2h2l2.2 11.2a2 2 0 002 1.8h9.8a2 2 0 002-1.6l1.6-8.4H6'/%3E%3C/svg%3E") !important;
		background-size: contain !important;
		background-repeat: no-repeat !important;
		background-position: center !important;
	}

	.sticky-add-to-cart.sticky-add-to-cart--active .sticky-add-to-cart__product > .woocommerce-Price-amount,
	.sticky-add-to-cart.sticky-add-to-cart--active .sticky-add-to-cart__product > .product-title-small {
		display: none !important;
	}
}