/*CADDY BUTTON STYLE*/
/* Independent Caddy header-cart styling for the Allping site. */

/* Hide Caddy's floating cart compass sitewide without disabling the cart. */
.cc-compass {
	display: none !important;
}

/* Keep Caddy's header cart button consistent on desktop and mobile/tablet. */
.wp-block-kadence-header-row .cc_cart_items_list {
	display: flex !important;
	visibility: visible !important;
	opacity: 1 !important;
	align-items: center;
	justify-content: center;
	color: #ffffff !important;
	position: relative;
}

.wp-block-kadence-header-row .cc_cart_items_list > svg {
	width: 30px !important;
	height: 30px !important;
	visibility: hidden !important;
}

.wp-block-kadence-header-row .cc_cart_items_list > svg[data-allping-phosphor-cart="true"] {
	visibility: visible !important;
}

.wp-block-kadence-header-row .cc_cart_items_list .cc_cart_count {
	display: flex !important;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: -8px;
	right: -9px;
	min-width: 17px;
	height: 17px;
	padding: 0 3px;
	box-sizing: border-box;
	border-radius: 50%;
	background: #F97316;
	color: #ffffff !important;
	font-size: 12px;
	font-weight: 700;
	line-height: 17px;
	white-space: nowrap;
}

/* Draw attention to a non-empty cart with an external, non-disruptive pulse.
 * The badge itself stays fixed; only its independent aura expands outward. */
.wp-block-kadence-header-row .cc_cart_items_list .cc_cart_count:not(.cc_cart_zero) {
	position: absolute;
	z-index: 1;
}

.wp-block-kadence-header-row .cc_cart_items_list .cc_cart_count:not(.cc_cart_zero)::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 50%;
	background: #F97316;
	transform: scale(1);
	opacity: 0.85;
	z-index: -1;
	pointer-events: none;
	animation: allping-cart-count-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes allping-cart-count-pulse {
	0% {
		transform: scale(1);
		opacity: 0.85;
	}

	70%,
	100% {
		transform: scale(2.5);
		opacity: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.wp-block-kadence-header-row .cc_cart_items_list .cc_cart_count:not(.cc_cart_zero)::after {
		animation: none !important;
	}
}

/* Desktop: give the header cart more horizontal presence without changing
 * the icon size or the mobile spacing. */
@media (min-width: 1025px) {
	.wp-block-kadence-header-desktop .cc_cart_items_list > svg {
		width: 32px !important;
		height: 32px !important;
	}

	.wp-block-kadence-header-desktop .cc_cart_items_list {
		padding-left: 30px !important;
		padding-right: 30px !important;
		box-sizing: border-box !important;
	}

	.wp-block-kadence-header-desktop .cc_cart_items_list .cc_cart_count {
		right: 21px !important;
	}
}

/* Mobile/tablet: keep the cart icon away from the viewport edge. */
@media (max-width: 1024px) {
	.wp-block-kadence-header-tablet .wp-block-kadence-header-column-tablet-right > .cc_cart_items_list {
		padding-left: 9px !important;
		padding-right: 12px !important;
		box-sizing: border-box !important;
	}

	.wp-block-kadence-header-tablet .wp-block-kadence-header-column-tablet-right > .cc_cart_items_list .cc_cart_count {
		right: 3px !important;
	}
}