/* ==================================================
   R4A PRODUCT CATEGORY OVERRIDES
   File: assets/css/product-category-overrides.css
   Purpose:
   - Non-banner archive notices and small safety fixes.
   - Do not put banner image rules here; category-banners.css loads last.
================================================== */

/* ==================================================
   9. NOTICES + SMALL SAFETY FIXES
================================================== */

body.woocommerce-shop .woocommerce-notices-wrapper,
body.post-type-archive-product .woocommerce-notices-wrapper,
body.tax-product_cat .woocommerce-notices-wrapper,
body.tax-product_tag .woocommerce-notices-wrapper {
	display: none !important;
}

body.r4a-brand-archive:not(.home):not(.single-product) .woocommerce-breadcrumb,
body.r4a-brand-archive:not(.home):not(.single-product) .ct-breadcrumbs,
body.r4a-brand-archive:not(.home):not(.single-product) .rank-math-breadcrumb,
body.r4a-brand-archive:not(.home):not(.single-product) .yoast-breadcrumb {
	display: none !important;
	visibility: hidden !important;
}

@supports selector(body:has(ul.products)) {
	body.page:not(.home):not(.single-product):has(ul.products) {
		background: var(--r4a-page-bg) !important;
		color: var(--r4a-white) !important;
	}

	body.page:not(.home):not(.single-product):has(ul.products) .site-main > .ct-container,
	body.page:not(.home):not(.single-product):has(ul.products) .site-main .woocommerce,
	body.page:not(.home):not(.single-product):has(ul.products) .entry-content {
		width: 100% !important;
		max-width: var(--r4a-listing-max-width) !important;
		margin-right: auto !important;
		margin-left: auto !important;
		padding-right: 12px !important;
		padding-left: 12px !important;
		background: transparent !important;
		color: var(--r4a-white) !important;
	}

	body.page:not(.home):not(.single-product):has(ul.products) .woocommerce-products-header::before,
	body.page:not(.home):not(.single-product):has(ul.products) .woocommerce-products-header::after,
	body.page:not(.home):not(.single-product):has(ul.products) .entry-header::before,
	body.page:not(.home):not(.single-product):has(ul.products) .entry-header::after {
		content: none !important;
		display: none !important;
		visibility: hidden !important;
	}
}

/* =========================================================
   FINAL PATCH: PRODUCT CARD CATEGORY TEXT FORCE WHITE
   File: assets/css/product-category-overrides.css
   Purpose:
   - Make category/meta text under product title visible on dark product cards.
   - Target inner links/spans too, not only the wrapper.
========================================================= */

html body.tax-product_cat ul.products li.product .ct-product-categories,
html body.tax-product_cat ul.products li.product .ct-product-categories *,
html body.tax-product_cat ul.products li.product .product-categories,
html body.tax-product_cat ul.products li.product .product-categories *,
html body.tax-product_cat ul.products li.product .product-category,
html body.tax-product_cat ul.products li.product .product-category *,
html body.tax-product_cat ul.products li.product .woocommerce-loop-product__category,
html body.tax-product_cat ul.products li.product .woocommerce-loop-product__category *,
html body.tax-product_cat ul.products li.product .posted_in,
html body.tax-product_cat ul.products li.product .posted_in *,
html body.tax-product_cat ul.products li.product .product_meta,
html body.tax-product_cat ul.products li.product .product_meta *,
html body.tax-product_cat ul.products li.product [class*="categor"],
html body.tax-product_cat ul.products li.product [class*="categor"] *,
html body.r4a-product-category-archive ul.products li.product .ct-product-categories,
html body.r4a-product-category-archive ul.products li.product .ct-product-categories *,
html body.r4a-product-category-archive ul.products li.product .product-categories,
html body.r4a-product-category-archive ul.products li.product .product-categories *,
html body.r4a-product-category-archive ul.products li.product .product-category,
html body.r4a-product-category-archive ul.products li.product .product-category *,
html body.r4a-product-category-archive ul.products li.product .woocommerce-loop-product__category,
html body.r4a-product-category-archive ul.products li.product .woocommerce-loop-product__category *,
html body.r4a-product-category-archive ul.products li.product .posted_in,
html body.r4a-product-category-archive ul.products li.product .posted_in *,
html body.r4a-product-category-archive ul.products li.product .product_meta,
html body.r4a-product-category-archive ul.products li.product .product_meta *,
html body.r4a-product-category-archive ul.products li.product [class*="categor"],
html body.r4a-product-category-archive ul.products li.product [class*="categor"] * {
	color: rgba(255, 255, 255, 0.82) !important;
	opacity: 1 !important;
	visibility: visible !important;
	text-shadow: none !important;
}

/* =========================================================
   FINAL PATCH: FORCE BOTTOM SEO BLOCK TEXT COLORS
   File: assets/css/product-category-overrides.css
   Purpose:
   - Fix black headings/text in bottom category SEO block.
   - Force visible colors including -webkit-text-fill-color.
========================================================= */

html body.tax-product_cat .r4a-category-bottom-seo,
html body.tax-product_cat .r4a-category-bottom-seo *,
html body.r4a-product-category-archive .r4a-category-bottom-seo,
html body.r4a-product-category-archive .r4a-category-bottom-seo * {
	opacity: 1 !important;
	visibility: visible !important;
	text-shadow: none !important;
}

/* EN: Main title must be visible. */
html body.tax-product_cat .r4a-category-bottom-seo h2,
html body.tax-product_cat .r4a-category-bottom-seo h2 *,
html body.r4a-product-category-archive .r4a-category-bottom-seo h2,
html body.r4a-product-category-archive .r4a-category-bottom-seo h2 * {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	background: transparent !important;
	font-weight: 950 !important;
}

/* EN: Section titles and FAQ questions. */
html body.tax-product_cat .r4a-category-bottom-seo h3,
html body.tax-product_cat .r4a-category-bottom-seo h3 *,
html body.tax-product_cat .r4a-category-bottom-seo h4,
html body.tax-product_cat .r4a-category-bottom-seo h4 *,
html body.r4a-product-category-archive .r4a-category-bottom-seo h3,
html body.r4a-product-category-archive .r4a-category-bottom-seo h3 *,
html body.r4a-product-category-archive .r4a-category-bottom-seo h4,
html body.r4a-product-category-archive .r4a-category-bottom-seo h4 * {
	color: #ff1717 !important;
	-webkit-text-fill-color: #ff1717 !important;
	background: transparent !important;
	font-weight: 900 !important;
}

/* EN: Paragraphs and normal text. */
html body.tax-product_cat .r4a-category-bottom-seo p,
html body.tax-product_cat .r4a-category-bottom-seo p *,
html body.tax-product_cat .r4a-category-bottom-seo li,
html body.tax-product_cat .r4a-category-bottom-seo li *,
html body.r4a-product-category-archive .r4a-category-bottom-seo p,
html body.r4a-product-category-archive .r4a-category-bottom-seo p *,
html body.r4a-product-category-archive .r4a-category-bottom-seo li,
html body.r4a-product-category-archive .r4a-category-bottom-seo li * {
	color: rgba(255, 255, 255, 0.86) !important;
	-webkit-text-fill-color: rgba(255, 255, 255, 0.86) !important;
}

/* EN: Small red label above the block. */
html body.tax-product_cat .r4a-category-bottom-seo__eyebrow,
html body.r4a-product-category-archive .r4a-category-bottom-seo__eyebrow {
	color: #ff1717 !important;
	-webkit-text-fill-color: #ff1717 !important;
	font-weight: 900 !important;
	text-transform: uppercase !important;
}