/* ==========================================================================
   ChiOX Shop / Category Archive Page — brand restyle only.
   IMPORTANT: This file does NOT touch WooCommerce/Woodmart's template
   logic, filters, AJAX, or cart behaviour — it only overrides colors,
   spacing and typography on top of the real, working shop page, using
   WooCommerce's own stable CSS classes (safe across WooCommerce updates)
   plus Woodmart's ".wd-product" product card class.
   ========================================================================== */

.woocommerce-page,
.woocommerce {
	--chiox-red: #e4241d;
	--chiox-red-dark: #c11d17;
	--chiox-navy: #10192c;
	--chiox-border: #e7e7ea;
	--chiox-text-muted: #75798a;
}

/* ---------- Breadcrumb ---------- */
.woocommerce-breadcrumb {
	font-size: 13px;
	color: var(--chiox-text-muted);
	padding: 14px 0;
}
.woocommerce-breadcrumb a { color: var(--chiox-text-muted); }
.woocommerce-breadcrumb a:hover { color: var(--chiox-red); }

/* ---------- Sidebar widgets ---------- */
.widget_price_filter .widget-title,
.widget_layered_nav .widget-title,
.widget_product_categories .widget-title,
.widget_rating_filter .widget-title,
.woocommerce-widget-layered-nav .widget-title,
.wd-widget-title {
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .02em;
	margin-bottom: 14px;
}

/* Price filter slider handles/button */
.woocommerce .widget_price_filter .price_slider_amount .button,
.woodmart-price-filter .button {
	background: var(--chiox-red);
	border-color: var(--chiox-red);
	color: #fff;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 600;
}
.woocommerce .price_slider_amount .button:hover { background: var(--chiox-red-dark); }
.ui-slider .ui-slider-range,
.price_slider .ui-slider-range { background: var(--chiox-red); }
.ui-slider .ui-slider-handle { border-color: var(--chiox-red); }

/* Category / brand / attribute checklist filters */
.widget_layered_nav ul li,
.widget_product_categories ul li,
.woocommerce-widget-layered-nav-list li {
	padding: 6px 0;
	font-size: 14px;
}
.widget_layered_nav ul li a,
.widget_product_categories ul li a { color: inherit; }
.widget_layered_nav ul li.chosen a,
.widget_product_categories ul li.current-cat > a {
	color: var(--chiox-red);
	font-weight: 600;
}
.woocommerce-widget-layered-nav-list .count {
	color: var(--chiox-text-muted);
	font-size: 12px;
}

/* Rating filter stars */
.widget_rating_filter .star-rating { color: var(--chiox-red); }

/* ---------- Sorting + result count ---------- */
.woocommerce-ordering select {
	border: 1px solid var(--chiox-border);
	border-radius: 6px;
	padding: 8px 12px;
	font-size: 13px;
}
.woocommerce-result-count { color: var(--chiox-text-muted); font-size: 13px; }

/* ---------- Product grid card ---------- */
.woocommerce ul.products li.product,
.wd-product {
	border: 1px solid var(--chiox-border);
	border-radius: 10px;
	padding: 14px;
	transition: box-shadow .2s ease, border-color .2s ease;
}
.woocommerce ul.products li.product:hover,
.wd-product:hover {
	border-color: var(--chiox-red);
	box-shadow: 0 8px 20px rgba(228, 36, 29, .1);
}

/* Sale / custom label badge */
.woocommerce span.onsale,
.wd-product-labels .product-label {
	background: var(--chiox-red) !important;
	color: #fff !important;
	font-size: 11px;
	font-weight: 700;
	border-radius: 4px;
}

/* Title + price */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.wd-product .wd-entities-title {
	font-size: 14px;
	font-weight: 600;
}
.woocommerce ul.products li.product .price,
.wd-product .price {
	color: var(--chiox-red);
	font-weight: 700;
	font-size: 15px;
}
.woocommerce ul.products li.product .price del,
.wd-product .price del {
	color: var(--chiox-text-muted);
	font-weight: 400;
	font-size: 12px;
}

/* Star rating */
.woocommerce .star-rating span::before,
.wd-product .star-rating span::before { color: var(--chiox-red); }

/* Add to cart / Buy now buttons */
.woocommerce ul.products li.product .button,
.wd-product .wd-add-btn .button,
.wd-product .add_to_cart_button {
	background: var(--chiox-red);
	border-color: var(--chiox-red);
	color: #fff;
	border-radius: 6px;
	font-weight: 600;
	font-size: 13px;
}
.woocommerce ul.products li.product .button:hover,
.wd-product .add_to_cart_button:hover {
	background: var(--chiox-red-dark);
	border-color: var(--chiox-red-dark);
}
.wd-buy-now-btn,
.wd-product .wd-buy-now-btn {
	background: transparent !important;
	border: 2px solid var(--chiox-red) !important;
	color: var(--chiox-red) !important;
	border-radius: 6px;
	font-weight: 600;
	font-size: 13px;
}
.wd-buy-now-btn:hover { background: var(--chiox-red) !important; color: #fff !important; }

/* ---------- Pagination ---------- */
.woocommerce-pagination ul.page-numbers li a,
.woocommerce-pagination ul.page-numbers li span {
	border-radius: 6px;
	font-size: 13px;
}
.woocommerce-pagination ul.page-numbers li .current,
.woocommerce-pagination ul.page-numbers li a:hover {
	background: var(--chiox-red);
	border-color: var(--chiox-red);
	color: #fff;
}