/*
Theme Name: Hello Elementor Child
Template: hello-elementor
Version: 1.0
*/

/* ============================================================
   WooCommerce Cart & Checkout — Design Fix
   The global Elementor kit sets background:#111111 on body.
   These rules restore a clean white design for WC pages.
   Colors taken from the site's Elementor Design Kit (post-630):
     Orange  : #DF9438  (primary)
     Dark    : #111111  (secondary / headings)
     Gray    : #8F8F8F  (text)
     Light BG: #F4F3F3
     Border  : #4D4D4D
   ============================================================ */

/* ── 1. Page background & base text ─────────────────────────── */
body.woocommerce-cart,
body.woocommerce-checkout {
    background-color: #ffffff !important;
    color: #111111 !important;
}

/* ── 2. Main content area ───────────────────────────────────── */
body.woocommerce-cart .site,
body.woocommerce-cart .site-main,
body.woocommerce-cart #page,
body.woocommerce-cart #content,
body.woocommerce-cart .entry-content,
body.woocommerce-checkout .site,
body.woocommerce-checkout .site-main,
body.woocommerce-checkout #page,
body.woocommerce-checkout #content,
body.woocommerce-checkout .entry-content {
    background-color: #ffffff !important;
}

/* ── 3. Headings ────────────────────────────────────────────── */
body.woocommerce-cart h1,
body.woocommerce-cart h2,
body.woocommerce-cart h3,
body.woocommerce-cart h4,
body.woocommerce-cart h5,
body.woocommerce-cart h6,
body.woocommerce-checkout h1,
body.woocommerce-checkout h2,
body.woocommerce-checkout h3,
body.woocommerce-checkout h4,
body.woocommerce-checkout h5,
body.woocommerce-checkout h6 {
    color: #111111 !important;
}

/* ── 4. Body text & paragraphs ──────────────────────────────── */
body.woocommerce-cart p,
body.woocommerce-cart td,
body.woocommerce-cart th,
body.woocommerce-cart li,
body.woocommerce-cart span,
body.woocommerce-cart label,
body.woocommerce-checkout p,
body.woocommerce-checkout td,
body.woocommerce-checkout th,
body.woocommerce-checkout li,
body.woocommerce-checkout span,
body.woocommerce-checkout label {
    color: #111111 !important;
}

/* ── 5. Links ───────────────────────────────────────────────── */
body.woocommerce-cart a,
body.woocommerce-checkout a {
    color: #DF9438 !important;
}
body.woocommerce-cart a:hover,
body.woocommerce-checkout a:hover {
    color: #D58019 !important;
}

/* ── 6. Cart & order-review table ───────────────────────────── */
body.woocommerce-cart .woocommerce-cart-form table,
body.woocommerce-cart .shop_table,
body.woocommerce-checkout .shop_table {
    background-color: #ffffff !important;
    border-color: #e5e5e5 !important;
    color: #111111 !important;
}
body.woocommerce-cart .shop_table thead th,
body.woocommerce-checkout .shop_table thead th {
    background-color: #F4F3F3 !important;
    color: #111111 !important;
    border-bottom: 2px solid #DF9438 !important;
}
body.woocommerce-cart .shop_table tbody tr,
body.woocommerce-checkout .shop_table tbody tr {
    background-color: #ffffff !important;
}
body.woocommerce-cart .shop_table tbody tr:nth-child(even),
body.woocommerce-checkout .shop_table tbody tr:nth-child(even) {
    background-color: #fafafa !important;
}
body.woocommerce-cart .shop_table td,
body.woocommerce-cart .shop_table th,
body.woocommerce-checkout .shop_table td,
body.woocommerce-checkout .shop_table th {
    border-color: #e5e5e5 !important;
    color: #111111 !important;
}

/* ── 7. Cart totals box ─────────────────────────────────────── */
body.woocommerce-cart .cart_totals,
body.woocommerce-cart .cart_totals h2 {
    background-color: #F4F3F3 !important;
    color: #111111 !important;
}
body.woocommerce-cart .cart_totals table th,
body.woocommerce-cart .cart_totals table td {
    background-color: transparent !important;
    color: #111111 !important;
    border-color: #e5e5e5 !important;
}

/* ── 8. Form inputs (global kit sets dark bg on all inputs) ─── */
body.woocommerce-cart input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
body.woocommerce-cart textarea,
body.woocommerce-cart select,
body.woocommerce-checkout input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
body.woocommerce-checkout textarea,
body.woocommerce-checkout select {
    background-color: #ffffff !important;
    color: #111111 !important;
    border: 1px solid #4D4D4D !important;
}
body.woocommerce-cart input::placeholder,
body.woocommerce-checkout input::placeholder {
    color: #8F8F8F !important;
}

/* ── 9. Checkout form sections ──────────────────────────────── */
body.woocommerce-checkout #customer_details,
body.woocommerce-checkout .woocommerce-checkout-review-order,
body.woocommerce-checkout .woocommerce-billing-fields,
body.woocommerce-checkout #order_review {
    background-color: #ffffff !important;
    color: #111111 !important;
}

/* ── 10. Payment section ────────────────────────────────────── */
body.woocommerce-checkout #payment {
    background-color: #F4F3F3 !important;
    color: #111111 !important;
    border-radius: 4px;
}
body.woocommerce-checkout #payment .payment_methods li,
body.woocommerce-checkout #payment .payment_box {
    background-color: #ffffff !important;
    color: #111111 !important;
    border-color: #e5e5e5 !important;
}

/* ── 11. Primary buttons (Proceed to Checkout / Place Order) ── */
body.woocommerce-cart .wc-proceed-to-checkout .checkout-button,
body.woocommerce-cart .button.alt,
body.woocommerce-checkout #place_order,
body.woocommerce-checkout .button.alt {
    background-color: #DF9438 !important;
    color: #111111 !important;
    border: none !important;
}
body.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover,
body.woocommerce-cart .button.alt:hover,
body.woocommerce-checkout #place_order:hover,
body.woocommerce-checkout .button.alt:hover {
    background-color: #D58019 !important;
    color: #111111 !important;
}

/* ── 12. Secondary buttons (Update Cart, Apply Coupon) ─────── */
body.woocommerce-cart .button:not(.alt):not(.checkout-button),
body.woocommerce-checkout .button:not(.alt) {
    background-color: #111111 !important;
    color: #ffffff !important;
    border: none !important;
}
body.woocommerce-cart .button:not(.alt):not(.checkout-button):hover,
body.woocommerce-checkout .button:not(.alt):hover {
    background-color: #4D4D4D !important;
}

/* ── 13. WooCommerce notices ────────────────────────────────── */
body.woocommerce-cart .woocommerce-message,
body.woocommerce-checkout .woocommerce-message {
    background-color: #F4F3F3 !important;
    color: #111111 !important;
    border-top-color: #DF9438 !important;
}
body.woocommerce-cart .woocommerce-error,
body.woocommerce-checkout .woocommerce-error {
    background-color: #fff5f5 !important;
    color: #111111 !important;
    border-top-color: #e2401c !important;
}

/* ── 14. Coupon section ─────────────────────────────────────── */
body.woocommerce-cart .coupon label,
body.woocommerce-cart .coupon input {
    color: #111111 !important;
}

/* ── 15. Remove-item link (×) ───────────────────────────────── */
body.woocommerce-cart a.remove {
    color: #8F8F8F !important;
}
body.woocommerce-cart a.remove:hover {
    color: #DF9438 !important;
    background: transparent !important;
}