/* ============================================================
   SITE SKIN: ALL-BLACK — natural9d.com picks rebrand  (v1.4.1)
   Root fix: Elementor paints sections with a WHITE GRADIENT
   background-image that renders over any background-color.
   Every ground rule below therefore kills background-image too.
   CTA red: #E01A1A (override: --cartrelay-cta).
   ============================================================ */

:root {
	--cartrelay-border: #2a2a2a;
	--cartrelay-cta: #e01a1a;
}

/* ---------- Ground (shorthand resets the gradient layer) ---------- */
body,
.elementor-section,
.e-con,
.e-con-inner,
.elementor-widget-container,
.site-main {
	background: #0b0b0b !important;
	background-image: none !important;
	color: #e8e8e8 !important;
}

/* ---------- Type: everything readable on black ---------- */
h1, h2, h3, h4, h5, h6,
.elementor-heading-title,
.woocommerce-loop-product__title,
.product_title,
.wfacp_section_heading,
.wfacp_section_title,
.wfacp-section-title {
	color: #ffffff !important;
}

label, legend, p, li, td, th, dt, dd, span, figcaption, address,
.woocommerce-breadcrumb,
.woocommerce-result-count,
.price,
.woocommerce-Price-amount {
	color: #e8e8e8;
}

a { color: #ffffff; }
a:hover { opacity: .8; }

footer, footer a, footer p, footer li,
.elementor-location-footer, .elementor-location-footer a,
.site-footer, .site-footer a {
	color: #e8e8e8 !important;
}

/* ---------- Inputs, selects, search ---------- */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="search"],
input[type="password"],
select, textarea {
	background: #131313 !important;
	border: 1px solid #333 !important;
	color: #ffffff !important;
}
::placeholder { color: #8a8a8a !important; }

/* ---------- CTA buttons: red (brand pills keep their colors) ---------- */
button:not([class*="cartrelay"]):not([class*="fkcart"]),
.button,
input[type="submit"],
.single_add_to_cart_button,
.cartrelay-ge-add,
.cartrelay-ge-options,
.cartrelay-qs-add {
	background: var(--cartrelay-cta) !important;
	background-image: none !important;
	color: #ffffff !important;
	border-color: var(--cartrelay-cta) !important;
}
button:not([class*="cartrelay"]):not([class*="fkcart"]):hover,
.button:hover,
.cartrelay-ge-add:hover,
.cartrelay-ge-options:hover {
	filter: brightness(1.12);
}

/* ---------- WooCommerce tables: cart, totals, order review ---------- */
.woocommerce table.shop_table,
.woocommerce table.shop_table td,
.woocommerce table.shop_table th,
.woocommerce-checkout-review-order-table td,
.woocommerce-checkout-review-order-table th {
	background: #0b0b0b !important;
	border-color: #2a2a2a !important;
	color: #e8e8e8 !important;
}

/* ---------- FunnelKit checkout wrappers + gateway box ---------- */
.wfacp_main_form,
.wfacp_main_form .wfacp-form-control-wrapper,
.wfacp_main_form .woocommerce-billing-fields,
.wfacp_main_form .wfacp-section,
#payment,
.wc_payment_method,
.woocommerce-checkout #payment div.payment_box,
.woocommerce-checkout #payment ul.payment_methods {
	background: #0b0b0b !important;
	background-image: none !important;
	color: #e8e8e8 !important;
	border-color: #2a2a2a !important;
}
#payment div.payment_box p,
.wc_payment_method label { color: #e8e8e8 !important; }

#shipping_method li,
.wfacp_shipping_method,
.wc_payment_methods li {
	background: #131313 !important;
	border-color: #2a2a2a !important;
}

/* ---------- Cart Relay grid bars ---------- */
.cartrelay-ge-bar,
.cartrelay-ge-panel {
	background: #0b0b0b !important;
	border-color: #3a3a3a !important;
	color: #e8e8e8 !important;
}
.cartrelay-ge-step,
.cartrelay-ge-select,
.cartrelay-ge-qty {
	background: #131313 !important;
	border-color: #3a3a3a !important;
	color: #ffffff !important;
}
.cartrelay-ge-price { color: #ffffff !important; }

/* ---------- FunnelKit Cart drawer + floating bubble ---------- */
/* Orphan qty selects injected by the Extendons plugin - FunnelKit's
   own stepper is the real control. */
.fkcart-modal .quantity_drop_down { display: none !important; }

[class*="fkcart-slider"],
.fkcart-modal-container,
.fkcart-preview-ui {
	background: #0b0b0b !important;
	color: #e8e8e8 !important;
	border-color: #2a2a2a !important;
}
.fkcart-modal-container [class*="fkcart-item"] {
	background: #131313 !important;
	border-color: #2a2a2a !important;
	color: #e8e8e8 !important;
}
.fkcart-modal-container a { color: #ffffff; }
.fkcart-quantity-selector,
.fkcart-quantity__input,
.fkcart-quantity-button {
	background: #131313 !important;
	border-color: #3a3a3a !important;
	color: #ffffff !important;
}
[class*="fkcart-checkout"],
.fkcart-modal-container .button {
	background: var(--cartrelay-cta) !important;
	color: #ffffff !important;
}
.fkcart-toggler,
.fkcart-floating-icon {
	background: #131313 !important;
	color: #ffffff !important;
	border: 1px solid #2a2a2a !important;
}
.fkcart-toggler svg { fill: #ffffff; }

/* ---------- Popups / age gate ---------- */
.pum-container, .popmake {
	background: #131313 !important;
	color: #e8e8e8 !important;
}

/* ---------- Elementor widget text (footer menus, header ticker,
   top-nav icon lists, breadcrumbs) - widget-level colors beat bare
   selectors, so these carry !important ---------- */
.elementor-icon-list-text,
.elementor-icon-list-item,
.elementor-icon-list-item a,
.elementor-widget-text-editor,
.elementor-post-info,
.woocommerce-breadcrumb,
.woocommerce-breadcrumb a {
	color: #e8e8e8 !important;
}
.elementor-icon-list-icon i,
.elementor-icon-list-icon svg {
	color: #e8e8e8 !important;
	fill: #e8e8e8 !important;
}

/* ---------- v1.4.3 mobile polish ---------- */
/* Mobile categories dropdown (Elementor nav) */
.elementor-nav-menu--dropdown,
.elementor-nav-menu__container,
.elementor-nav-menu--dropdown a {
	background: #0b0b0b !important;
	color: #e8e8e8 !important;
}
.elementor-nav-menu--dropdown a:hover { background: #131313 !important; }

/* FunnelKit mobile order-summary accordion */
.wfacp_mb_cart_accordian,
[class*="wfacp_mb_cart"],
.wfacp-order-summary,
.wfacp_mini_cart_sec {
	background: #0b0b0b !important;
	color: #e8e8e8 !important;
	border-color: #2a2a2a !important;
}
.elementor-widget-wrap.elementor-element-populated { background: transparent !important; }

/* Legacy Telegram/Signal manual gateway box hidden (gateway stays ENABLED
   so Place Order keeps working - it is the only gateway) */
#payment ul.payment_methods { display: none !important; }
.wfacp_payment .wfacp-comm-title h4 { display: none !important; }

/* Signal button subtitle: wrap instead of bleeding */
.cartrelay-btn-text { min-width: 0; }
.cartrelay-btn-sub { white-space: normal !important; line-height: 1.35; }

/* Cart drawer checkout row: no red highlights */
[class*="fkcart-checkout"],
[class*="fkcart-checkout"] *,
.fkcart-modal-container .button {
	background: #111 !important;
	color: #ffffff !important;
	border-color: #111 !important;
}
[class*="fkcart-checkout"] svg { fill: #ffffff !important; }
.fkcart-slider-footer, [class*="fkcart-footer"] { background: #0b0b0b !important; }

/* ---------- v1.4.4: global text brightness + qty + drawer de-red ---------- */
.wfacp_main_form label, .wfacp_main_form span, .wfacp_main_form p,
.wfacp_main_form h4, .wfacp_main_form li,
.wfacp-order-summary *, #order_review td, #order_review th, #order_review span,
.woocommerce-checkout-review-order-table *,
.fkcart-modal-container span, .fkcart-modal-container p {
	color: #e8e8e8 !important;
}
.woocommerce-checkout .order-total td, .woocommerce-checkout .order-total th,
.wfacp-order-summary .order-total * { color: #ffffff !important; }

/* Quantity boxes everywhere (checkout summary, drawer, cart) */
input.qty, .quantity input, .quantity, .qty_box,
.wfacp-order-summary .quantity, [class*="wfacp"] input.qty {
	background: #131313 !important;
	color: #ffffff !important;
	border-color: #3a3a3a !important;
}

/* Drawer checkout row: plain white on black, zero red (exact classes) */
.fkcart-checkout-wrap, .fkcart-checkout-info, .fkcart-checkout--icon,
.fkcart-checkout--text, .fkcart-checkout--price,
.fkcart-checkout-wrap.fkcart-panel, .fkwcs_fkcart_drawer {
	background: #111111 !important;
	background-image: none !important;
	color: #ffffff !important;
	border-color: #111111 !important;
}
.fkcart-checkout--icon svg { fill: #ffffff !important; }

/* ---------- v1.4.6: order-summary legibility ----------
   FunnelKit's layout_9 template names its table
   "woocommerce-checkout-review-order-table_layout_9" — a different class
   token than "woocommerce-checkout-review-order-table", so the v1.4.4 rule
   above never matched it and Subtotal/Shipping/Total stayed grey. Match the
   real classes (and any future layout suffix) instead. */
.wfacp_mini_cart_reviews, .wfacp_mini_cart_reviews *,
.wfacp_mini_cart_items, .wfacp_mini_cart_items *,
.wfacp_order_sum, .wfacp_order_sum *,
[class*="woocommerce-checkout-review-order-table"] th,
[class*="woocommerce-checkout-review-order-table"] td,
[class*="woocommerce-checkout-review-order-table"] span,
[class*="woocommerce-checkout-review-order-table"] bdi,
[class*="layout_9_order_summary"] th,
[class*="layout_9_order_summary"] td,
[class*="layout_9_order_summary"] span,
.wfacp-oder-detail th, .wfacp-oder-detail td, .wfacp-oder-detail span,
.woocommerce-checkout-review-order .cart-subtotal th,
.woocommerce-checkout-review-order .cart-subtotal td,
.woocommerce-checkout-review-order .woocommerce-shipping-totals th,
.woocommerce-checkout-review-order .woocommerce-shipping-totals td,
.woocommerce-checkout-review-order tr.shipping th,
.woocommerce-checkout-review-order tr.shipping td {
	color: #ffffff !important;
	opacity: 1 !important;
}
/* Total stays the brightest line; keep its weight */
.wfacp_mini_cart_reviews .order-total th,
.wfacp_mini_cart_reviews .order-total td,
.wfacp_mini_cart_reviews .order-total * {
	color: #ffffff !important;
	font-weight: 700 !important;
}

/* ---------- v1.4.7: shipping prices + collapsed summary bar ----------
   Measured on the live checkout: these render rgb(53,48,48) — near-black on a
   black panel. FunnelKit styles them from its own palette, so they need naming
   explicitly rather than relying on the container rules above. */
.wfacp_shipping_price, .wfacp_shipping_price *,
.wfacp_single_shipping, .wfacp_single_shipping *,
li.wfacp_single_shipping_method, li.wfacp_single_shipping_method *,
ul.woocommerce-shipping-methods li, ul.woocommerce-shipping-methods label,
ul.woocommerce-shipping-methods .woocommerce-Price-amount,
tr.shipping td, tr.shipping th, tr.wfacp_multi_methods td,
.wfacp_shipping_method, .wfacp_shipping_method * {
	color: #ffffff !important;
	opacity: 1 !important;
}
/* Mobile/tablet collapsed "Show Order Summary" bar and its total */
.wfacp_summary_link, .wfacp_summary_link *,
.wfacp_show_price_wrap, .wfacp_show_price_wrap *,
.wfacp_mb_cart_accordian .woocommerce-Price-amount,
.wfacp_mb_cart_accordian bdi,
.wfacp_mb_cart_accordian .woocommerce-Price-currencySymbol {
	color: #ffffff !important;
	opacity: 1 !important;
}
/* Everything in the summary column is pure white, not near-white */
.wfacp_mini_cart_reviews *, .wfacp_mini_cart_items * { color: #ffffff !important; }