/**
 * Kashmir Nuts & Berries — WooCommerce Overrides
 * Scoped to body.woocommerce, body.woocommerce-page, body.woocommerce-cart, body.woocommerce-checkout
 *
 * Palette: Beige · Brown · Purple · Chocolate Brown
 */

/* ═══════════════════════════════════════════════════════
   GLOBAL WOOCOMMERCE SCOPE
   ═══════════════════════════════════════════════════════ */

body.woocommerce-page {
	background-color: var(--knb-cream);
	color: var(--knb-chocolate-brown);
}

body.woocommerce-page a:not(.button):not(.knb-btn) {
	color: var(--knb-brown);
}

body.woocommerce-page a:not(.button):not(.knb-btn):hover {
	color: var(--knb-purple);
}

/* ═══════════════════════════════════════════════════════
   PRODUCT ARCHIVE / SHOP PAGE
   ═══════════════════════════════════════════════════════ */

.woocommerce .products .product,
.woocommerce-page .products .product {
	border-radius: var(--knb-radius);
	border: 1px solid rgba(var(--knb-chocolate-rgb), 0.08);
	background: var(--knb-off-white);
	transition: transform var(--knb-duration) var(--knb-ease-out), box-shadow var(--knb-duration) var(--knb-ease-out);
}

.woocommerce .products .product:hover,
.woocommerce-page .products .product:hover {
	box-shadow: var(--knb-shadow-md);
	border-color: rgba(var(--knb-purple-rgb), 0.25);
}

/* Product titles in shop grid */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .wd-entities-title,
.woocommerce ul.products li.product .product-title {
	font-family: var(--knb-font-serif) !important;
	font-size: var(--knb-text-lg) !important;
	font-weight: var(--knb-weight-medium) !important;
	color: var(--knb-chocolate-brown) !important;
}

/* Price tags */
.woocommerce ul.products li.product .price,
.woocommerce .product .price {
	font-family: var(--knb-font-sans);
	color: var(--knb-purple) !important;
	font-weight: var(--knb-weight-semibold);
}

.woocommerce ul.products li.product .price del,
.woocommerce .product .price del {
	opacity: 0.45;
	font-weight: var(--knb-weight-regular);
}

.woocommerce ul.products li.product .price ins,
.woocommerce .product .price ins {
	color: #c93b2b !important;
	background: transparent;
	font-weight: var(--knb-weight-semibold);
}

/* Buttons in product loop */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button {
	border-radius: var(--knb-radius-pill) !important;
	font-family: var(--knb-font-sans) !important;
	font-size: var(--knb-text-xs) !important;
	font-weight: var(--knb-weight-medium) !important;
	letter-spacing: 0.05em !important;
	text-transform: uppercase !important;
	background-color: var(--knb-purple) !important;
	color: var(--knb-cream) !important;
	box-shadow: var(--knb-shadow-purple) !important;
	transition: all var(--knb-duration-fast) ease !important;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product .add_to_cart_button:hover {
	background-color: var(--knb-purple-dark) !important;
	box-shadow: 0 6px 24px rgba(var(--knb-purple-rgb), 0.45) !important;
}

/* ═══════════════════════════════════════════════════════
   SINGLE PRODUCT PAGE
   ═══════════════════════════════════════════════════════ */

.single-product .product .product_title {
	font-family: var(--knb-font-serif) !important;
	font-size: var(--knb-text-2xl) !important;
	font-weight: var(--knb-weight-medium) !important;
	color: var(--knb-chocolate-brown) !important;
}

.single-product .product .woocommerce-product-gallery__image img {
	border-radius: var(--knb-radius) !important;
}

.single-product .product button.single_add_to_cart_button {
	border-radius: var(--knb-radius-pill) !important;
	font-family: var(--knb-font-sans) !important;
	font-size: var(--knb-text-sm) !important;
	font-weight: var(--knb-weight-medium) !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
	background: var(--knb-purple) !important;
	color: var(--knb-cream) !important;
	padding: 0 2rem !important;
	min-height: 3.125rem !important;
	box-shadow: var(--knb-shadow-purple) !important;
	transition: all var(--knb-duration) var(--knb-ease-out) !important;
}

.single-product .product button.single_add_to_cart_button:hover {
	background: var(--knb-purple-dark) !important;
	box-shadow: 0 8px 32px rgba(var(--knb-purple-rgb), 0.45) !important;
}

/* Quantity inputs */
.woocommerce .quantity .qty {
	border-radius: var(--knb-radius-sm) !important;
	border: 1px solid rgba(var(--knb-brown-rgb), 0.2) !important;
	background: var(--knb-off-white) !important;
	color: var(--knb-chocolate-brown) !important;
	font-family: var(--knb-font-sans) !important;
}

/* Tabs on single product */
.woocommerce div.product .woocommerce-tabs ul.tabs li {
	border-radius: var(--knb-radius-sm) var(--knb-radius-sm) 0 0 !important;
	font-family: var(--knb-font-sans) !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	background: var(--knb-off-white) !important;
	color: var(--knb-purple) !important;
}

/* ═══════════════════════════════════════════════════════
   CART & CHECKOUT PAGES
   ═══════════════════════════════════════════════════════ */

.woocommerce-cart .shop_table,
.woocommerce-checkout .shop_table {
	border-radius: var(--knb-radius) !important;
	overflow: hidden;
	background: var(--knb-off-white) !important;
	border: 1px solid rgba(var(--knb-chocolate-rgb), 0.08) !important;
}

.woocommerce-cart .shop_table th,
.woocommerce-checkout .shop_table th {
	background: rgba(var(--knb-purple-rgb), 0.07) !important;
	font-family: var(--knb-font-sans) !important;
	font-weight: var(--knb-weight-semibold) !important;
	color: var(--knb-chocolate-brown) !important;
}

/* Form fields (checkout) */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
	border-radius: var(--knb-radius-sm) !important;
	border: 1px solid rgba(var(--knb-brown-rgb), 0.22) !important;
	background: var(--knb-off-white) !important;
	padding: 0.75rem 1rem !important;
	font-family: var(--knb-font-sans) !important;
	color: var(--knb-chocolate-brown) !important;
	transition: border-color var(--knb-duration-fast) ease, box-shadow var(--knb-duration-fast) ease !important;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
	border-color: var(--knb-purple) !important;
	outline: none !important;
	box-shadow: 0 0 0 3px rgba(var(--knb-purple-rgb), 0.18) !important;
}

/* Place Order button */
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
	border-radius: var(--knb-radius-pill) !important;
	font-family: var(--knb-font-sans) !important;
	font-weight: var(--knb-weight-medium) !important;
	letter-spacing: 0.05em !important;
	text-transform: uppercase !important;
	background: var(--knb-purple) !important;
	color: var(--knb-cream) !important;
	box-shadow: var(--knb-shadow-purple) !important;
	transition: all var(--knb-duration) var(--knb-ease-out) !important;
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover {
	background: var(--knb-purple-dark) !important;
	box-shadow: 0 8px 32px rgba(var(--knb-purple-rgb), 0.45) !important;
}