/* =============================================================
   CART & CHECKOUT WHITE BACKGROUND FIX — Green Paradise CBD
   v2.0.0 — Elementor containers + WooCommerce + Side Cart
   ============================================================= */

/* ── 1. Elementor containers sur pages panier/paiement ── */
body.woocommerce-cart .e-con,
body.woocommerce-cart .e-con-inner,
body.woocommerce-cart .elementor-section,
body.woocommerce-cart .elementor-container,
body.woocommerce-cart .elementor-column,
body.woocommerce-cart .elementor-column-wrap,
body.woocommerce-cart .elementor-widget-wrap {
    background-color: transparent !important;
    background-image: none !important;
}

body.woocommerce-checkout .e-con,
body.woocommerce-checkout .e-con-inner,
body.woocommerce-checkout .elementor-section,
body.woocommerce-checkout .elementor-container,
body.woocommerce-checkout .elementor-column,
body.woocommerce-checkout .elementor-column-wrap,
body.woocommerce-checkout .elementor-widget-wrap {
    background-color: transparent !important;
    background-image: none !important;
}

/* ── 2. WooCommerce natif — résidus blancs ── */
body.woocommerce-cart .woocommerce,
body.woocommerce-cart .woocommerce-cart-form,
body.woocommerce-cart .cart-collaterals,
body.woocommerce-checkout .woocommerce,
body.woocommerce-checkout .woocommerce-checkout {
    background: transparent !important;
    background-color: transparent !important;
}

/* ── 3. SIDE CART — conteneur principal ── */
.xoo-wsc-container,
.xoo-wsc-slider,
.xoo-wsc-modal {
    background-color: #0a0a0a !important;
    color: #ffffff !important;
}

/* ── 4. SIDE CART — Header ── */
.xoo-wsc-header {
    background-color: #0a0a0a !important;
    color: #ffffff !important;
    border-bottom: 1px solid rgba(57, 255, 20, 0.2) !important;
}

.xoo-wsc-header * {
    color: #ffffff !important;
}

/* ── 5. SIDE CART — Body / liste produits ── */
.xoo-wsc-body,
.xoo-wsc-products {
    background-color: #0d0d0d !important;
}

/* ── 6. SIDE CART — Produit individuel ── */
.xoo-wsc-product {
    background-color: #111111 !important;
    border-bottom: 1px solid rgba(57, 255, 20, 0.1) !important;
    color: #ffffff !important;
}

.xoo-wsc-product * {
    color: #ffffff !important;
    background-color: transparent !important;
}

.xoo-wsc-product .amount {
    color: #39FF14 !important;
}

/* ── 7. SIDE CART — Footer ── */
.xoo-wsc-footer {
    background-color: #0a0a0a !important;
    border-top: 1px solid rgba(57, 255, 20, 0.2) !important;
    color: #ffffff !important;
}

.xoo-wsc-footer * {
    color: #ffffff !important;
    background-color: transparent !important;
}

.xoo-wsc-ft-amt-total .xoo-wsc-ft-amt-value .amount,
.xoo-wsc-ft-amt-total .amount {
    color: #39FF14 !important;
    font-weight: 800 !important;
    text-shadow: 0 0 8px rgba(57, 255, 20, 0.4) !important;
}

/* ── 8. SIDE CART — Boutons footer ── */
a.xoo-wsc-ft-btn,
.xoo-wsc-container .xoo-wsc-btn {
    background-color: transparent !important;
    border: 1px solid #39FF14 !important;
    color: #39FF14 !important;
    border-radius: 8px !important;
    transition: all 0.25s ease !important;
}

a.xoo-wsc-ft-btn:hover,
.xoo-wsc-container .xoo-wsc-btn:hover {
    background-color: #39FF14 !important;
    color: #000000 !important;
}

a.xoo-wsc-ft-btn-checkout {
    background-color: rgba(57, 255, 20, 0.08) !important;
    box-shadow: 0 0 10px rgba(57, 255, 20, 0.2) !important;
}

a.xoo-wsc-ft-btn-checkout:hover {
    background-color: #39FF14 !important;
    box-shadow: 0 0 20px rgba(57, 255, 20, 0.5) !important;
}

/* ── 9. SIDE CART — Quantité ── */
.xoo-wsc-qty-box {
    background-color: #1a1a1a !important;
    border: 1px solid rgba(57, 255, 20, 0.4) !important;
    border-radius: 6px !important;
}

input[type="number"].xoo-wsc-qty {
    background-color: transparent !important;
    color: #ffffff !important;
}

span.xoo-wsc-chng {
    background-color: transparent !important;
    color: #39FF14 !important;
}

/* ── 10. SIDE CART — Produits suggérés ── */
.xoo-wsc-sp-main,
.xoo-wsc-sp-slider {
    background-color: #0d0d0d !important;
}

.xoo-wsc-sp-product {
    background-color: #111111 !important;
    border: 1px solid rgba(57, 255, 20, 0.1) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
}

.xoo-wsc-sp-product * {
    color: #ffffff !important;
    background-color: transparent !important;
}

.xoo-wsc-sp-product .amount {
    color: #39FF14 !important;
}

/* ── 11. SIDE CART — Scrollbar ── */
.xoo-wsc-markup *::-webkit-scrollbar-track {
    background: #1a1a1a !important;
}

.xoo-wsc-markup *::-webkit-scrollbar-thumb {
    background: rgba(57, 255, 20, 0.3) !important;
}

/* ── 12. SIDE CART — Loader ── */
span.xoo-wsc-loader {
    background-color: rgba(0, 0, 0, 0.7) !important;
}

/* ── 13. SIDE CART — Badge vente ── */
.xoo-wsc-psavings {
    background-color: transparent !important;
    border-color: rgba(57, 255, 20, 0.4) !important;
    color: #39FF14 !important;
}

.xoo-wsc-psavings * {
    color: #39FF14 !important;
}

/* ── 14. SIDE CART — Inline style override (injected via JS) ── */
.xoo-wsc-container[style*="background"],
.xoo-wsc-header[style*="background"],
.xoo-wsc-footer[style*="background"],
.xoo-wsc-body[style*="background"],
.xoo-wsc-product[style*="background"] {
    background-color: #111111 !important;
}

/* ── 15. SIDE CART — Wishlist ── */
.xoo-wsc-wl-main {
    background-color: #0d0d0d !important;
}

.xoo-wsc-wl-product {
    background-color: #111111 !important;
    border: 1px solid rgba(57, 255, 20, 0.1) !important;
    color: #ffffff !important;
}

/* ── 16. SIDE CART — Notices ── */
.xoo-wsc-notice-success {
    background-color: rgba(57, 255, 20, 0.08) !important;
    color: #39FF14 !important;
    border-color: rgba(57, 255, 20, 0.3) !important;
}

.xoo-wsc-notice-error {
    background-color: rgba(255, 50, 50, 0.08) !important;
    color: rgba(255, 100, 100, 0.9) !important;
}

/* ── 17. Basket icon background ── */
.xoo-wsc-basket {
    background-color: #000000 !important;
}