/* 1) Force the page background to black */
html, body {
	background: #000 !important;
	color: #fff !important;
}

/* 2) Make common theme wrappers transparent (they're often white) */
#page, #primary, #content, #main,
.site, .site-content, .content-area, .site-main, .entry-content,
.container, .container-fluid, .wrap, .page, .page-content, .hfeed {
	background: transparent !important;
}

/* 3) Block-theme wrappers (Twenty Twenty-Two/Three/Four & many FSE themes) */
.wp-site-blocks, .is-layout-constrained, .wp-block-group,
.wp-block-cover, .wp-block-columns, .wp-block-column {
	background: transparent !important;
	color: inherit;
}

/* 4) Classic themes (Astra/Neve/GeneratePress/OceanWP) main containers */
.site-inner, .ast-container, .neve-main, .container-grid, .oceanwp-row,
.generatepress .site-content, .page-header, .site-header,
.site-footer {
	background: transparent !important;
}

/* 5) Ensure text stays readable; set link color to FireNation orange */
p, h1, h2, h3, h4, h5, h6 {
	color: #fff !important;
}

a {
	color: #FFA500 !important;
}

a:hover {
	color: #FFD166 !important;
}

/* 6) If a specific block still shows white, nuke inline backgrounds */
[style*="background:#fff"], [style*="background: #fff"],
[style*="background-color:#fff"], [style*="background-color: #fff"] {
	background: transparent !important;
}

/* 🔥 WooCommerce form background + base */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form select,
.wc-block-components-text-input input,
.wc-block-components-select select {
    background: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #ccc !important;
}

/* 🔥 Labels white (dark theme) */
.wc-block-components-text-input label,
.wc-block-components-select label,
.woocommerce form label {
    color: #ffffff !important;
}

/* 🔥 ADD THIS FIX (IMPORTANT – text visibility) */
.woocommerce input,
.woocommerce textarea,
.woocommerce select {
    color: #000000 !important;
}

/* 🔥 Placeholder visible */
.woocommerce input::placeholder,
.woocommerce textarea::placeholder {
    color: #666 !important;
}

/* 🔥 Dropdown options readable */
.woocommerce select option {
    color: #000 !important;
}
/* 🔥 FIX: UPI payment box text visible */
.woocommerce .payment_box {
    color: #000 !important;
}
/* 🔥 FORCE FIX: UPI payment box visibility */
.woocommerce-checkout .payment_box,
.woocommerce .payment_box {
    background: #ffffff !important;
    color: #000000 !important;
    opacity: 1 !important;
}

/* 🔥 Fix all text inside payment box */
.woocommerce-checkout .payment_box *,
.woocommerce .payment_box * {
    color: #000000 !important;
    opacity: 1 !important;
}

/* 🔥 Fix links inside box */
.woocommerce-checkout .payment_box a {
    color: #0073aa !important;
}

/* 🔥 Remove weird overlay effect */
.woocommerce-checkout .payment_box {
    filter: none !important;
}