/**
 * Basket / cart page – matches basket.html inline styles (scoped to .petifood-basket-page).
 *
 * @package PetiFood
 */
.petifood-basket-page {
	font-family: 'Vazirmatn', 'Plus Jakarta Sans', sans-serif;
}

.petifood-basket-page.paw-pattern {
	background-color: #f7f8f6;
	background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 20c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm4.5-4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm-9 0c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm4.5 8c2.5 0 4.5-2 4.5-4.5S18 15 15.5 15 11 17 11 19.5s2 4.5 4.5 4.5z' fill='%236ee619' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");
}

html.dark .petifood-basket-page.paw-pattern {
	background-color: #182111;
	background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 20c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm4.5-4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm-9 0c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm4.5 8c2.5 0 4.5-2 4.5-4.5S18 15 15.5 15 11 17 11 19.5s2 4.5 4.5 4.5z' fill='%236ee619' fill-opacity='0.08' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.petifood-basket-page .scrollbar-hide,
.petifood-basket-page .no-scrollbar {
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.petifood-basket-page .scrollbar-hide::-webkit-scrollbar,
.petifood-basket-page .no-scrollbar::-webkit-scrollbar {
	display: none;
}

.petifood-basket-page input.qty-input::-webkit-outer-spin-button,
.petifood-basket-page input.qty-input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.petifood-basket-page input.qty-input[type='number'] {
	-moz-appearance: textfield;
}

/* Checkout CTA — match basket.html; override WooCommerce .button / .wc-forward */
.petifood-basket-page .wc-proceed-to-checkout {
	margin: 0;
	padding: 0;
}

.petifood-basket-page .petifood-cart-checkout-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	width: 100%;
	box-sizing: border-box;
	padding: 1rem 1.25rem;
	border: 0;
	border-radius: 1rem;
	background-color: var(--color-primary, #6ee619);
	color: var(--color-background-dark, #152012);
	font-family: inherit;
	font-size: 1rem;
	font-weight: 800;
	line-height: 1.25;
	text-align: center;
	text-decoration: none;
	box-shadow: 0 10px 15px -3px rgb(110 230 25 / 0.3);
	transition: background-color 0.2s ease, box-shadow 0.2s ease;
	float: none;
}

.petifood-basket-page .petifood-cart-checkout-btn:hover,
.petifood-basket-page .petifood-cart-checkout-btn:focus {
	background-color: color-mix(in srgb, var(--color-primary, #6ee619) 90%, transparent);
	color: var(--color-background-dark, #152012);
	text-decoration: none;
}

.petifood-basket-page .petifood-cart-checkout-btn::before,
.petifood-basket-page .petifood-cart-checkout-btn::after {
	content: none !important;
	display: none !important;
}

.petifood-basket-page .petifood-cart-checkout-btn__label {
	flex: 0 1 auto;
}

.petifood-basket-page .petifood-cart-checkout-btn__icon {
	flex: 0 0 auto;
	font-size: 1.5rem;
	line-height: 1;
}