/* ==============================
   Custom WooCommerce Styles
   ============================== */

   /* Cart totals table headers */
.woocommerce-cart .cart-collaterals .cart_totals tr th {
    font-family: var(--e-global-typography-secondary-font-family, "Arial"), sans-serif;
    font-weight: 500; /* optional */
    font-size: 20px;  /* optional */
}

.woocommerce table.shop_table th {
    font-weight: 800;
    font-size: 20px;
    padding: 9px 12px;
    line-height: 1.5em;
    font-family: var(--e-global-typography-secondary-font-family, "Arial"), sans-serif;
    color: var(--e-global-color-primary);
    text-transform: uppercase; /* optional for cleaner look */
}

.woocommerce a.remove {
    
    
    color: var(--e-global-color-accentsecondary) !important; /* background color */
}
.woocommerce a.remove:hover {
    
    background-color: var(--e-global-color-accentsecondary) !important; /* hover bg color */
}

/* Match Elementor button focus state */
.woocommerce table.cart td.actions .button, .woocommerce-page #content table.cart td.actions .button, .woocommerce-page table.cart td.actions .button {
    background-color: var(--e-global-color-accent);
    color: var(--e-global-color-white);
    outline: none;
    transition: background-color 0.3s ease;
}


/* Hover state */
.woocommerce table.cart td.actions .button:hover,
.woocommerce-page #content table.cart td.actions .button:hover,
.woocommerce-page table.cart td.actions .button:hover {
    background-color: var(--e-global-color-accentsecondary);
}