/*
 * Axomify Marketplace -- Storefront Polish (v1.1.126)
 *
 * Restyles core WooCommerce pages (shop/category grid, single product,
 * cart, My Account) to match THIS plugin's own vendor-dashboard design
 * system, per the owner's explicit request ("Marketplace plugin jeisa UI")
 * and explicit "no new plugin" instruction. Reuses the exact same colour
 * values as Axomify_Marketplace_Frontend::print_shared_styles()'s
 * .axmp-wrap tokens -- redeclared here at :root because none of these
 * WooCommerce page templates are wrapped in .axmp-wrap (that wrapper only
 * exists around the vendor dashboard/storefront shortcode output), so the
 * scoped custom properties are not otherwise visible on these pages.
 * Font pairing (Sora for headings, Inter for body) also matches the
 * vendor dashboard and Smart Checkout's own choice, intentionally
 * different from the theme's sitewide default (Poppins) -- these are the
 * pages the owner specifically wants to feel like this plugin's own
 * polished UI, not the general theme.
 */
:root{
	--ink:#0F0F0F;
	--ink-soft:#57534E;
	--ink-faint:#8C8681;
	--canvas:#FAF9F6;
	--surface:#FFFFFF;
	--border:#E8E4DC;
	--red:#F5B700;
	--red-dark:#8A6D00;
	--red-wash:#FFF8DE;
}

/* ---------------------------------------------------------------------- */
/* 1. Shop / category page grouping                                        */
/*    Classes added by assets/js/shop-category-grouping.js -- read-only    */
/*    classification, no link/target ever changed.                        */
/* ---------------------------------------------------------------------- */
ul.products li.product-category.axmp-cat-instant{
	order:1;
	position:relative;
}
ul.products li.product-category.axmp-cat-instant::after{
	content:'⚡ Instant';
	position:absolute;
	top:6px;
	left:6px;
	z-index:2;
	background:var(--red);
	color:var(--ink);
	font-family:'Sora',sans-serif;
	font-weight:700;
	font-size:10px;
	padding:3px 9px;
	border-radius:999px;
}
ul.products li.product-category.axmp-cat-divider{
	order:2;
	grid-column:1/-1;
	flex-basis:100%;
	width:100%;
	list-style:none;
	font-family:'Sora',sans-serif;
	font-weight:700;
	font-size:13px;
	text-transform:uppercase;
	letter-spacing:.04em;
	color:var(--ink-soft);
	padding:16px 4px 8px;
	border-top:1px dashed var(--border);
	margin-top:10px;
}
ul.products li.product-category.axmp-cat-secondary{
	order:3;
}

/* ---------------------------------------------------------------------- */
/* 2. Single product page                                                  */
/*    Verified live: classic WooCommerce template -- .product_title,      */
/*    .summary .price, .quantity .qty, .single_add_to_cart_button.        */
/* ---------------------------------------------------------------------- */
body.single-product .product_title{
	font-family:'Sora',sans-serif;
	font-weight:800;
	color:var(--ink);
	font-size:24px;
	line-height:1.25;
}
body.single-product .summary{
	font-family:'Inter',sans-serif;
}
body.single-product .summary .price{
	font-family:'Sora',sans-serif;
	font-weight:800;
	font-size:22px;
	color:var(--ink);
}
body.single-product .summary .price del{
	color:var(--ink-faint);
	font-weight:400;
	font-size:15px;
}
body.single-product .summary .price ins{
	text-decoration:none;
	color:var(--red-dark);
}
body.single-product .woocommerce-product-details__short-description,
body.single-product .woocommerce-product-details__short-description p{
	color:var(--ink-soft);
	font-size:14.5px;
	line-height:1.65;
}
body.single-product .woocommerce-product-gallery{
	border-radius:16px;
	overflow:hidden;
	border:1px solid var(--border);
}
body.single-product .quantity{
	display:inline-flex;
	align-items:center;
	border:1px solid var(--border);
	border-radius:999px;
	overflow:hidden;
	background:var(--canvas);
}
body.single-product .quantity .qty{
	border:none !important;
	background:transparent !important;
	text-align:center;
	font-family:'Sora',sans-serif;
	font-weight:700;
	width:46px !important;
	box-shadow:none !important;
}
body.single-product .single_add_to_cart_button{
	background:linear-gradient(180deg,#FFCF33,var(--red)) !important;
	color:var(--ink) !important;
	border:none !important;
	border-radius:999px !important;
	font-family:'Sora',sans-serif !important;
	font-weight:700 !important;
	box-shadow:0 8px 18px -6px rgba(245,183,0,.5) !important;
	padding:12px 28px !important;
	text-transform:none !important;
	transition:transform .15s ease;
}
body.single-product .single_add_to_cart_button:hover{
	transform:translateY(-1px);
}
@media (max-width:767px){
	body.single-product .summary{
		margin-top:20px;
	}
	body.single-product form.cart{
		display:flex;
		flex-wrap:wrap;
		gap:12px;
		align-items:center;
	}
	body.single-product .single_add_to_cart_button{
		flex:1 1 auto;
		min-width:140px;
	}
}

/* ---------------------------------------------------------------------- */
/* 3. Cart page (WooCommerce Cart BLOCK -- confirmed live, not the        */
/*    classic shortcode: wc-block-cart-* / wc-block-components-* classes)  */
/* ---------------------------------------------------------------------- */
body.woocommerce-cart .wc-block-cart-items__row{
	background:var(--surface);
	border:1px solid var(--border);
	border-radius:14px;
	padding:16px;
	margin-bottom:12px;
	box-shadow:0 1px 2px rgba(28,25,23,.04), 0 4px 12px -4px rgba(28,25,23,.06);
}
body.woocommerce-cart .wc-block-components-product-name{
	font-family:'Sora',sans-serif;
	font-weight:700;
	color:var(--ink);
}
body.woocommerce-cart .wc-block-components-quantity-selector{
	border:1px solid var(--border) !important;
	border-radius:999px !important;
	overflow:hidden;
	background:var(--canvas);
	box-shadow:none !important;
}
body.woocommerce-cart .wc-block-components-quantity-selector__button{
	background:transparent !important;
	color:var(--ink) !important;
	font-family:'Sora',sans-serif;
	font-weight:700;
}
body.woocommerce-cart .wc-block-components-quantity-selector__input{
	font-family:'Sora',sans-serif !important;
	font-weight:700 !important;
	text-align:center;
	background:transparent !important;
}
/*
 * BUG FIX: the store owner reported a stray "E"-looking character in the
 * cart quantity box instead of the digit. Confirmed live via DOM that the
 * actual input value was correct ("5") -- this was a rendering-only issue,
 * almost certainly the browser's native number-input spinner arrows
 * rendering overlapped on the box (a custom minus/plus button pair
 * already exists here, so the native spinner is redundant clutter to
 * begin with). Hiding it is the standard fix and cannot affect the real
 * value or the existing minus/plus buttons' behaviour.
 */
body.woocommerce-cart input[type=number]::-webkit-outer-spin-button,
body.woocommerce-cart input[type=number]::-webkit-inner-spin-button{
	-webkit-appearance:none;
	margin:0;
}
body.woocommerce-cart input[type=number]{
	-moz-appearance:textfield;
}
body.woocommerce-cart .wc-block-cart-item__remove-link{
	color:var(--red-dark) !important;
	font-family:'Inter',sans-serif;
	font-weight:600;
}
body.woocommerce-cart .wp-block-woocommerce-cart-order-summary-block,
body.woocommerce-cart .wc-block-components-totals-wrapper{
	background:var(--surface);
	border:1px solid var(--border);
	border-radius:14px;
	padding:18px;
}
body.woocommerce-cart .wc-block-components-totals-item__label,
body.woocommerce-cart .wc-block-components-totals-item__value{
	font-family:'Inter',sans-serif;
	color:var(--ink);
}
body.woocommerce-cart .wc-block-cart__submit-button{
	background:linear-gradient(180deg,#FFCF33,var(--red)) !important;
	color:var(--ink) !important;
	border:none !important;
	border-radius:999px !important;
	font-family:'Sora',sans-serif !important;
	font-weight:700 !important;
	box-shadow:0 8px 18px -6px rgba(245,183,0,.5) !important;
}
body.woocommerce-cart .wc-block-components-totals-coupon .wc-block-components-button{
	background:var(--ink) !important;
	color:#FFFFFF !important;
	border-radius:999px !important;
	font-family:'Sora',sans-serif !important;
	font-weight:700 !important;
}
@media (max-width:767px){
	body.woocommerce-cart .wc-block-cart-items__row{
		padding:12px;
	}
}

/* ---------------------------------------------------------------------- */
/* 4. My Account page -- REMOVED 2026-09-25 per owner's explicit request. */
/*    The owner never asked for this page's UI to change; this section   */
/*    (all body.woocommerce-account rules) has been deleted so the My    */
/*    Account page renders with the theme's plain default styling again. */
/*    Sections 1-3 above (shop grouping, single product, cart) are       */
/*    untouched -- the owner explicitly confirmed those should stay.     */
/* ---------------------------------------------------------------------- */