/* Probex WooCommerce, catalog and customer utility pages.
 * Palette values are centralized in probex-theme.css.
 */

/* Category banner. */
/* Contrast layer for WooCommerce category title photography. */

body.tax-product_cat .wd-page-title-bg::after {
	position: absolute;
	inset: 0;
	background: rgba(4, 9, 12, 0.22);
	content: "";
	pointer-events: none;
}

/* Catalog. */
/* Readable catalog controls and sidebar content in the Probex dark theme. */

html[data-probex-theme="dark"] body:is(.tax-product_cat, .post-type-archive-product) .sidebar-container .widget-title {
	color: #eef8fb !important;
}

html[data-probex-theme="dark"] body:is(.tax-product_cat, .post-type-archive-product) .wd-widget-stock-status a {
	color: var(--probex-catalog-muted) !important;
}

html[data-probex-theme="dark"] body:is(.tax-product_cat, .post-type-archive-product) .wd-widget-stock-status a::before {
	border-color: #637985 !important;
}

html[data-probex-theme="dark"] body:is(.tax-product_cat, .post-type-archive-product) .widget_top_rated_products .wd-entities-title {
	color: var(--probex-catalog-text) !important;
}

html[data-probex-theme="dark"] body:is(.tax-product_cat, .post-type-archive-product) :is(
	.wd-widget-stock-status a,
	.widget_top_rated_products .wd-entities-title,
	.wd-breadcrumbs a,
	.wd-products-per-page a
):hover {
	color: #8edaf1 !important;
}

html[data-probex-theme="dark"] body:is(.tax-product_cat, .post-type-archive-product) .shop-loop-head .wd-breadcrumbs .wd-last-link {
	color: var(--probex-catalog-muted) !important;
}

html[data-probex-theme="dark"] body:is(.tax-product_cat, .post-type-archive-product) .shop-loop-head .wd-breadcrumbs .wd-last {
	color: var(--probex-catalog-text) !important;
}

html[data-probex-theme="dark"] body:is(.tax-product_cat, .post-type-archive-product) .shop-loop-head .wd-breadcrumbs .wd-delimiter {
	color: var(--probex-catalog-subtle) !important;
}

html[data-probex-theme="dark"] body:is(.tax-product_cat, .post-type-archive-product) :is(
	.woocommerce-result-count,
	.wd-products-per-page .wd-label,
	.wd-products-per-page .per-page-variation
) {
	color: var(--probex-catalog-muted) !important;
}

html[data-probex-theme="dark"] body:is(.tax-product_cat, .post-type-archive-product) .wd-products-per-page .current-variation {
	color: #eef8fb !important;
}

html[data-probex-theme="dark"] body:is(.tax-product_cat, .post-type-archive-product) .wd-products-per-page .per-page-border {
	background-color: #5f7480 !important;
}

html[data-probex-theme="dark"] body:is(.tax-product_cat, .post-type-archive-product) .wd-products-shop-view .shop-view {
	color: #9fb1bb !important;
	opacity: 1;
}

html[data-probex-theme="dark"] body:is(.tax-product_cat, .post-type-archive-product) .wd-products-shop-view .shop-view.current-variation {
	color: #8edaf1 !important;
}

html[data-probex-theme="dark"] body:is(.tax-product_cat, .post-type-archive-product) .woocommerce-ordering select {
	border-color: #536a76 !important;
	background-color: transparent !important;
	color: var(--probex-catalog-text) !important;
}

html[data-probex-theme="dark"] body:is(.tax-product_cat, .post-type-archive-product) .woocommerce-ordering option {
	background-color: #111f2a;
	color: var(--probex-catalog-text);
}

html[data-probex-theme="dark"] body:is(.tax-product_cat, .post-type-archive-product) .wd-product .wd-product-cats a {
	color: var(--probex-catalog-muted) !important;
}

/* Customer pages. */
/* Shared WooCommerce account, wishlist, compare, cart and checkout treatment. */

:is(
	body.woocommerce-account,
	body.probex-page-wishlist,
	body.probex-page-compare,
	body.woocommerce-cart,
	body.woocommerce-checkout
) {
	--probex-customer-bg: var(--probex-commerce-bg);
	--probex-customer-surface: var(--probex-commerce-surface);
	--probex-customer-surface-soft: var(--probex-commerce-surface-soft);
	--probex-customer-text: var(--probex-commerce-text);
	--probex-customer-muted: var(--probex-commerce-muted);
	--probex-customer-border: var(--probex-commerce-border);
	--probex-customer-accent-soft: var(--probex-commerce-accent-soft);
}

:is(
	body.woocommerce-account,
	body.probex-page-wishlist,
	body.probex-page-compare,
	body.woocommerce-cart,
	body.woocommerce-checkout
) .wd-page-title {
	overflow: hidden;
	border-bottom: 1px solid rgba(142, 218, 241, 0.2);
	background-color: #071b27 !important;
	background-image:
		linear-gradient(rgba(142, 218, 241, 0.055) 1px, transparent 1px),
		linear-gradient(90deg, rgba(142, 218, 241, 0.055) 1px, transparent 1px),
		radial-gradient(circle at 78% 20%, rgba(35, 139, 176, 0.28), transparent 42%),
		linear-gradient(135deg, #06141f 0%, #0c3548 100%) !important;
	background-position: center !important;
	background-size: 34px 34px, 34px 34px, cover, cover !important;
}

:is(
	body.woocommerce-account,
	body.probex-page-wishlist,
	body.probex-page-compare,
	body.woocommerce-cart,
	body.woocommerce-checkout
) .wd-page-title-bg {
	display: none !important;
}

:is(
	body.woocommerce-account,
	body.probex-page-wishlist,
	body.probex-page-compare,
	body.woocommerce-cart,
	body.woocommerce-checkout
) .wd-page-title > .container {
	position: relative;
	z-index: 1;
}

:is(
	body.woocommerce-account,
	body.probex-page-wishlist,
	body.probex-page-compare,
	body.woocommerce-cart,
	body.woocommerce-checkout
) .wd-page-title :is(.entry-title, .wd-breadcrumbs, .wd-breadcrumbs a, .wd-last) {
	color: #f4f9fb !important;
}

:is(
	body.woocommerce-account,
	body.probex-page-wishlist,
	body.probex-page-compare,
	body.woocommerce-cart,
	body.woocommerce-checkout
) .main-page-wrapper {
	padding-bottom: clamp(64px, 7vw, 96px);
	background: var(--probex-customer-bg) !important;
	color: var(--probex-customer-text);
}

:is(
	body.woocommerce-account,
	body.probex-page-wishlist,
	body.probex-page-compare,
	body.woocommerce-cart,
	body.woocommerce-checkout
) .site-content {
	min-height: 420px;
}

:is(body.woocommerce-account, body.probex-page-wishlist) .woocommerce-MyAccount-navigation,
:is(body.woocommerce-account, body.probex-page-wishlist) .woocommerce-MyAccount-content,
body.probex-page-compare .wd-empty-block,
:is(body.woocommerce-cart, body.woocommerce-checkout) :is(
	.woocommerce-cart-form,
	.cart-totals-inner,
	.woocommerce-checkout-review-order,
	.woocommerce-form-login,
	.woocommerce-form-coupon,
	.woocommerce-billing-fields,
	.woocommerce-shipping-fields
) {
	border: 1px solid var(--probex-customer-border);
	border-radius: 16px;
	background: var(--probex-customer-surface);
	box-shadow: 0 16px 38px rgba(4, 24, 36, 0.08);
}

:is(body.woocommerce-account, body.probex-page-wishlist) .woocommerce-MyAccount-navigation,
:is(body.woocommerce-account, body.probex-page-wishlist) .woocommerce-MyAccount-content {
	padding: clamp(18px, 2.5vw, 30px);
}

:is(body.woocommerce-account, body.probex-page-wishlist) .woocommerce-MyAccount-navigation ul {
	display: grid;
	gap: 6px;
	margin: 0;
}

:is(body.woocommerce-account, body.probex-page-wishlist) .woocommerce-MyAccount-navigation li {
	margin: 0;
	border: 0;
}

:is(body.woocommerce-account, body.probex-page-wishlist) .woocommerce-MyAccount-navigation li > a {
	display: flex;
	align-items: center;
	min-height: 44px;
	padding: 10px 13px;
	border-radius: 9px;
	color: var(--probex-customer-muted) !important;
	transition: color 160ms ease, background-color 160ms ease;
}

:is(body.woocommerce-account, body.probex-page-wishlist) .woocommerce-MyAccount-navigation li:is(.is-active, :hover) > a {
	background: var(--probex-customer-accent-soft);
	color: var(--probex-customer-text) !important;
}

:is(body.woocommerce-account, body.probex-page-wishlist) .woocommerce-MyAccount-content :is(
	p,
	li,
	address,
	label,
	legend,
	.woocommerce-Price-amount,
	.wd-empty-block-text
),
body.probex-page-compare .wd-empty-block-text,
:is(body.woocommerce-cart, body.woocommerce-checkout) .site-content :is(p, li, label, address) {
	color: var(--probex-customer-muted) !important;
}

:is(body.woocommerce-account, body.probex-page-wishlist, body.probex-page-compare, body.woocommerce-cart, body.woocommerce-checkout) .site-content :is(
	h1,
	h2,
	h3,
	h4,
	strong,
	.wd-empty-block-title,
	.woocommerce-column__title
) {
	color: var(--probex-customer-text) !important;
}

:is(body.woocommerce-account, body.probex-page-wishlist, body.probex-page-compare, body.woocommerce-cart, body.woocommerce-checkout) .site-content a:not(.button):not(.btn) {
	color: var(--probex-accent-strong) !important;
}

:is(body.woocommerce-account, body.probex-page-wishlist) .site-content .woocommerce-MyAccount-navigation li > a {
	color: var(--probex-customer-muted) !important;
}

:is(body.woocommerce-account, body.probex-page-wishlist) .site-content .woocommerce-MyAccount-navigation li:is(.is-active, :hover) > a {
	color: var(--probex-customer-text) !important;
}

:is(body.woocommerce-account, body.probex-page-wishlist) .wd-my-account-links .wd-link > a,
:is(body.woocommerce-account, body.probex-page-wishlist) .woocommerce-Address,
:is(body.woocommerce-account, body.probex-page-wishlist) fieldset,
:is(body.woocommerce-account, body.probex-page-wishlist, body.probex-page-compare, body.woocommerce-cart, body.woocommerce-checkout) :is(
	.shop_table,
	.woocommerce-table,
	.wd-compare-table,
	.wd-wishlist-content .wd-products
) {
	border-color: var(--probex-customer-border) !important;
	background: var(--probex-customer-surface-soft);
	color: var(--probex-customer-text);
}

:is(body.woocommerce-account, body.probex-page-wishlist) .wd-my-account-links .wd-link > a {
	border: 1px solid var(--probex-customer-border);
	border-radius: 12px;
}

:is(body.woocommerce-account, body.probex-page-wishlist, body.probex-page-compare, body.woocommerce-cart, body.woocommerce-checkout) :is(
	.shop_table,
	.woocommerce-table,
	.wd-compare-table
) :is(th, td) {
	border-color: var(--probex-customer-border) !important;
	color: var(--probex-customer-text) !important;
}

:is(body.woocommerce-account, body.probex-page-wishlist, body.probex-page-compare, body.woocommerce-cart, body.woocommerce-checkout) :is(
	.woocommerce-message,
	.woocommerce-info,
	.woocommerce-error
) {
	border-color: var(--probex-customer-border);
	background: var(--probex-customer-surface-soft);
	color: var(--probex-customer-text);
}

html[data-probex-theme="dark"] :is(
	body.woocommerce-account,
	body.probex-page-wishlist,
	body.probex-page-compare,
	body.woocommerce-cart,
	body.woocommerce-checkout
) :is(input, select, textarea) {
	border-color: var(--probex-customer-border) !important;
	background: #091923 !important;
	color: var(--probex-customer-text) !important;
}

@media (max-width: 767px) {
	:is(
		body.woocommerce-account,
		body.probex-page-wishlist,
		body.probex-page-compare,
		body.woocommerce-cart,
		body.woocommerce-checkout
	) .wd-page-title {
		background-size: 26px 26px, 26px 26px, cover, cover !important;
	}

	:is(body.woocommerce-account, body.probex-page-wishlist) .woocommerce-MyAccount-navigation,
	:is(body.woocommerce-account, body.probex-page-wishlist) .woocommerce-MyAccount-content {
		padding: 16px;
	}

	body.probex-page-compare .wd-empty-block {
		padding-inline: 20px;
	}
}