/* * Dark mode overrides — scoped to WooCommerce product category pages only * (body.tax-product_cat), which were not converting properly. * All rules require data-wp-dark-mode-active on . */ /* ── Header ─────────────────────────────────────────────── */ html[data-wp-dark-mode-active] body.tax-product_cat .wrapper > header:not(.transparent) { background: #11131F !important; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.6) !important; } html[data-wp-dark-mode-active] body.tax-product_cat .wrapper > header:not(.transparent) .navbar-nav > li > a { color: #04E2FF !important; } /* ── Header dropdown / sub-menu ─────────────────────────── */ html[data-wp-dark-mode-active] body.tax-product_cat .navbar .sub-menu, html[data-wp-dark-mode-active] body.tax-product_cat .sf-menu .sub-menu, html[data-wp-dark-mode-active] body.tax-product_cat .navbar .dropdown-menu { background: #11131F !important; border-color: #2a2d3e !important; } html[data-wp-dark-mode-active] body.tax-product_cat .navbar .sub-menu li a, html[data-wp-dark-mode-active] body.tax-product_cat .sf-menu .sub-menu li a, html[data-wp-dark-mode-active] body.tax-product_cat .navbar .dropdown-menu li a { color: #F8FAFC !important; background: transparent !important; } html[data-wp-dark-mode-active] body.tax-product_cat .navbar .sub-menu li a:hover, html[data-wp-dark-mode-active] body.tax-product_cat .sf-menu .sub-menu li a:hover, html[data-wp-dark-mode-active] body.tax-product_cat .navbar .dropdown-menu li a:hover { background: #1D2033 !important; } /* ── Body / page background ─────────────────────────────── */ html[data-wp-dark-mode-active] body.tax-product_cat { background: #11131F !important; color: #F8FAFC !important; } /* ── Page containers ────────────────────────────────────── */ html[data-wp-dark-mode-active] body.tax-product_cat .site-content, html[data-wp-dark-mode-active] body.tax-product_cat .content-wrapper, html[data-wp-dark-mode-active] body.tax-product_cat .product-category, html[data-wp-dark-mode-active] body.tax-product_cat .page-content, html[data-wp-dark-mode-active] body.tax-product_cat .latest-post, html[data-wp-dark-mode-active] body.tax-product_cat #primary, html[data-wp-dark-mode-active] body.tax-product_cat .content-area, html[data-wp-dark-mode-active] body.tax-product_cat #main, html[data-wp-dark-mode-active] body.tax-product_cat .site-main { background: #11131F !important; color: #F8FAFC !important; } /* ── WooCommerce product loop ───────────────────────────── */ html[data-wp-dark-mode-active] body.tax-product_cat .woocommerce, html[data-wp-dark-mode-active] body.tax-product_cat .woocommerce-page { background: #11131F !important; color: #F8FAFC !important; } html[data-wp-dark-mode-active] body.tax-product_cat ul.products li.product, html[data-wp-dark-mode-active] body.tax-product_cat ul.products li.product .woocommerce-loop-product__title, html[data-wp-dark-mode-active] body.tax-product_cat ul.products li.product .price { background: #1D2033 !important; color: #F8FAFC !important; } html[data-wp-dark-mode-active] body.tax-product_cat .woocommerce-ordering select, html[data-wp-dark-mode-active] body.tax-product_cat .woocommerce-result-count { background: #1D2033 !important; color: #F8FAFC !important; border-color: #444 !important; } /* ── Page title ─────────────────────────────────────────── */ html[data-wp-dark-mode-active] body.tax-product_cat .title.text-center h4, html[data-wp-dark-mode-active] body.tax-product_cat .touppercase h4 { color: #F8FAFC !important; }