/* ===================================================
   FORCE PURE BLACK BACKGROUND — Ultra-Aggressive v2.5
   =================================================== */

/* --- Level 1: html & body --- */
html, body {
    background-color: #000000 !important;
    background-image: none !important;
    background: #000000 !important;
}

/* --- Level 2: Page structure --- */
html #page, html #content, html .site-content,
html .ast-container, html #primary, html #main,
html .site-main, html .ast-woocommerce-container,
html .woocommerce, html .woocommerce-page,
html .elementor, html #colophon,
html .single-product, html .archive.tax-product_cat,
html .post-type-archive-product {
    background-color: #000000 !important;
    background-image: none !important;
    background: #000000 !important;
}

/* --- Level 3: Elementor containers — reset any green injected backgrounds --- */
html body .elementor-section,
html body .elementor-container,
html body .e-container,
html body .e-con,
html body .e-con-inner,
html body .elementor-top-section,
html body .elementor-inner-section,
html body [data-elementor-type],
html body .elementor-element > .elementor-widget-container {
    background-color: #000000 !important;
    background-image: none !important;
    background: #000000 !important;
}

/* --- Level 4: WooCommerce tabs & description panels --- */
html body .woocommerce div.product .woocommerce-tabs,
html body .woocommerce div.product .woocommerce-tabs .panel,
html body .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel,
html body .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--description,
html body .woocommerce div.product .woocommerce-tabs ul.tabs,
html body .woocommerce div.product .woocommerce-tabs ul.tabs li,
html body .woocommerce-Tabs-panel--description,
html body .woocommerce-Tabs-panel--description *,
html body .woocommerce-Tabs-panel--description .entry-content,
html body .woocommerce .woocommerce-Tabs-panel,
html body .woocommerce .woocommerce-Tabs-panel *,
html body .wc-tab, html body .wc-tab *,
html body .panel.entry-content,
html body .panel.entry-content *,
html body div.entry-content {
    background-color: #000000 !important;
    background-image: none !important;
    background: #000000 !important;
}

/* --- Level 4b: Product long description specific --- */
html body .woocommerce-product-details__short-description,
html body .woocommerce-product-details__short-description *,
html body .woocommerce div.product > .woocommerce-tabs,
html body .woocommerce div.product > .woocommerce-tabs *,
html body #tab-description,
html body #tab-description *,
html body .woocommerce-Tabs-panel--description p,
html body .woocommerce-Tabs-panel--description ul,
html body .woocommerce-Tabs-panel--description ol,
html body .woocommerce-Tabs-panel--description li,
html body .woocommerce-Tabs-panel--description h1,
html body .woocommerce-Tabs-panel--description h2,
html body .woocommerce-Tabs-panel--description h3,
html body .woocommerce-Tabs-panel--description h4,
html body .woocommerce-Tabs-panel--description h5,
html body .woocommerce-Tabs-panel--description h6,
html body .woocommerce-Tabs-panel--description div,
html body .woocommerce-Tabs-panel--description section,
html body .woocommerce-Tabs-panel--description article {
    background-color: #000000 !important;
    background-image: none !important;
    background: #000000 !important;
}

/* --- Level 4c: c17f09c2 Emerald product override — target its wrappers --- */
html body .gp-emerald-cart-wrapper,
html body .single-product div.product,
html body.woocommerce-page.single-product div.product,
html body .woocommerce-page.single-product div.product .woocommerce-tabs .woocommerce-Tabs-panel,
html body .woocommerce-page.single-product div.product .woocommerce-tabs .panel,
html body .woocommerce-page.single-product div.product .woocommerce-tabs,
html body .woocommerce-page.single-product div.product form.variations_form {
    background-color: #000000 !important;
    background-image: none !important;
    background: #000000 !important;
}

/* --- Level 5: Product cards & layout --- */
html body li.product, html body .product-category,
html body .woocommerce-LoopProduct-link,
html body .ast-article-inner, html body .woocommerce-card,
html body .ast-shop-outer-wrap, html body .woocommerce-tabs,
html body .entry-summary, html body .related.products,
html body .upsells.products, html body .cross-sells,
html body .summary.entry-summary,
html body .woocommerce-product-gallery,
html body .woocommerce-tabs .panel, html body .card,
html body .product-thumbnail,
html body .ast-woo-shop-product-description,
html body .woocommerce-cart-form,
html body .cart-collaterals .cart_totals,
html body .woocommerce-checkout #order_review,
html body .woocommerce-MyAccount-navigation,
html body .woocommerce-MyAccount-content,
html body .price_slider_wrapper {
    background-color: #000000 !important;
    background: #000000 !important;
}

/* --- Level 6: Elementor WooCommerce content widgets --- */
html body .elementor-widget-woocommerce-product-content,
html body .elementor-widget-woocommerce-product-content .elementor-widget-container,
html body .elementor-widget-woocommerce-product-content .woocommerce-product-details__short-description,
html body .elementor-widget-woocommerce-product-content .woocommerce-Tabs-panel,
html body .elementor-widget-woocommerce-product-content p,
html body .elementor-widget-woocommerce-product-content ul,
html body .elementor-widget-woocommerce-product-content ol,
html body .elementor-widget-woocommerce-product-content li,
html body .elementor-widget-woocommerce-product-content h1,
html body .elementor-widget-woocommerce-product-content h2,
html body .elementor-widget-woocommerce-product-content h3,
html body .elementor-widget-woocommerce-product-content h4 {
    background-color: #000000 !important;
    background: #000000 !important;
}

/* --- Level 7: Catch-all for woocommerce-tabs descendants --- */
html body .woocommerce-tabs *:not(a):not(button):not(input):not(select):not(textarea):not(span):not(img) {
    background-color: #000000 !important;
    background-image: none !important;
}

/* --- Level 8: Nuclear — any element with inline green gradient (caught by JS too) --- */
/* Prevent c17f09c2 green gradient on the product page */
html body.single-product .e-con,
html body.single-product .e-con-inner,
html body.single-product .elementor-section,
html body.single-product .elementor-container,
html body.single-product .elementor-widget-container {
    background: #000000 !important;
    background-color: #000000 !important;
    background-image: none !important;
}

/* --- Restore tab active highlight --- */
html body .woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background-color: rgba(57, 255, 20, 0.08) !important;
}

/* --- Text colors preserved --- */
html body .elementor-widget-woocommerce-product-content p,
html body .elementor-widget-woocommerce-product-content ul,
html body .elementor-widget-woocommerce-product-content ol,
html body .elementor-widget-woocommerce-product-content li,
html body .elementor-widget-woocommerce-product-content h1,
html body .elementor-widget-woocommerce-product-content h2,
html body .elementor-widget-woocommerce-product-content h3,
html body .elementor-widget-woocommerce-product-content h4,
html body .woocommerce-Tabs-panel--description p,
html body .woocommerce-Tabs-panel--description li {
    color: rgba(200, 240, 210, 0.85) !important;
}