/* --- Fix the wrapper to center everything --- */
.premium-woo-atc-button {
	text-align: center !important;
}

/* --- Prevent Premium Addons from hiding the original button --- */
.premium-woo-atc-button .button.added {
	display: inline-block !important;
}

/* --- Hide the default WooCommerce "View basket" link --- */
.premium-woocommerce li.product .added_to_cart.wc-forward {
	display: none !important;
}

/* --- View Basket button --- */
.premium-woo-atc-button .wcsmp-view-basket {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin: 12px auto 0;
	padding: 12px 32px;
	font-size: 14px;
	line-height: 1.4;
	font-family: Poppins, sans-serif;
	color: #000000;
	background-color: #FBCC0B;
	border: 2px solid #FBCC0B;
	border-radius: 25px;
	text-decoration: none;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	width: fit-content;
	cursor: pointer;
	box-shadow: 0 4px 12px rgba(251, 204, 11, 0.3);
	transition: all 0.25s ease;
	animation: wcsmpFadeInUp 0.4s ease-out;
}

.premium-woo-atc-button .wcsmp-view-basket:hover {
	background-color: #ffffff;
	border-color: #FBCC0B;
	color: #000000;
	box-shadow: 0 6px 20px rgba(251, 204, 11, 0.45);
	transform: translateY(-2px);
}

.premium-woo-atc-button .wcsmp-view-basket:active {
	transform: translateY(0);
	box-shadow: 0 2px 8px rgba(251, 204, 11, 0.3);
}

/* --- Basket icon --- */
.wcsmp-view-basket .wcsmp-basket-icon {
	display: inline-block;
	width: 14px;
	height: 14px;
	flex-shrink: 0;
}

/* --- Checkmark icon with pop animation --- */
@keyframes wcsmpPop {
	0% {
		transform: scale(0);
	}
	60% {
		transform: scale(1.2);
	}
	100% {
		transform: scale(1);
	}
}

.wcsmp-view-basket .wcsmp-check-icon {
	display: inline-block;
	width: 14px;
	height: 14px;
	flex-shrink: 0;
	animation: wcsmpPop 0.4s ease-out;
}

/* --- Cart page button text color --- */
.woocommerce-cart .wc-block-components-button__text {
	color: white;
}

/* --- Smooth slide-up + fade-in animation --- */
@keyframes wcsmpFadeInUp {
	0% {
		opacity: 0;
		transform: translateY(10px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}