/* ==========================================================================
   WooCommerce - Cart
   ========================================================================== */
.eh_payapal_express_checkout_button {
    display: none !important;
}

.cart_totals {
    width: 100%;
    clear: both;
    float: none;
    border: 1px solid var(--color-border);
    padding: var(--space-2);
    overflow: hidden;
    background: var(--color-white);
    border-radius: var(--radius-default);
}

.woocommerce-cart-form {
    float: left;
    width: calc(((100% / 12) * 9) - 20px);
    margin-right: var(--space-2);
}

.woocommerce-cart-form__contents .actions {
    padding: var(--space-1);
    background: rgba(0, 0, 0, 0.03);
}

.woocommerce-cart-form__contents .actions input {
    border: none;
}

.woocommerce-cart-form__contents .button {
    background: var(--color-white);
    font-size: 10px;
    height: 36px;
}

/* Cart Collaterals */
.cart-collaterals {
    display: flex;
    flex-direction: column;
    width: calc(((100% / 12) * 3));
}

.cart-collaterals h2 {
    display: none;
    color: var(--color-black);
    font-size: 14px;
    font-weight: 900;
}

.cart-collaterals table {
    margin: 0;
}

.cart-collaterals table,
.cart-subtotal,
.tax-total,
.order-total {
    font-family: var(--font-primary);
}

.cart-collaterals table th {
    text-align: right;
    border: none;
    padding: 0;
    color: var(--cda-color-primary-hover);
}

.cart-collaterals table td {
    text-align: right;
    border: none;
    padding: 0 0 var(--space-2);
    color: var(--color-black);
}

.cart-collaterals .cart_totals .button {
    display: block;
    padding: var(--space-1);
}

/* Cart Recurring Totals */
.cart-collaterals .recurring-totals {
    background: none;
}

.cart-collaterals .recurring-totals th {
    border-top: 1px solid #ddd;
    color: var(--color-black);
    padding: var(--space-2) 0;
}

/* Cross Sells */
.cross-sells {
    order: 2;
}

.cross-sells>h2 {
    display: block;
    margin-top: var(--space-2);
    font-size: 14px;
    font-family: var(--font-primary);
    font-weight: 600;
    text-transform: none;
}

.cross-sells .products .product {
    text-align: left;
    float: none;
    width: 100%;
    padding: var(--space-1);
    margin: var(--space-1) 0 0;
    background: var(--color-white);
    border-radius: var(--radius-sm);
    max-width: none;
    border: 1px solid var(--color-border);
    box-shadow: var(--shadow-sm);
}

.cross-sells .img-wrap {
    display: none;
}

.cross-sells .woocommerce-loop-product__title {
    display: block;
    font-family: var(--font-primary);
    font-size: 12px;
    text-transform: none;
    font-weight: 600;
    text-align: left;
    margin: 0;
}

.cross-sells .products .product .price {
    color: var(--cda-color-primary);
    font-size: 12px;
    text-decoration: none;
}

.cross-sells .products .product .button {
    background: none;
    padding: 0;
    text-decoration: underline;
    color: var(--cda-color-primary);
    font-family: var(--font-primary);
    text-transform: none;
    font-size: 12px;
}

.cross-sells .products .product .button:hover {
    color: var(--color-black);
}

/* ==========================================================================
   WooCommerce - Coupons
   ========================================================================== */
.woocommerce-remove-coupon {
    font-size: 10px;
    color: #888 !important;
}

.woocommerce-remove-coupon:hover {
    color: var(--e-global-color-primary) !important;
}

.checkout_coupon {
    padding: var(--space-1);
    border-radius: 3px;
    background: var(--color-white);
    border: 1px solid var(--color-border);
    overflow: hidden;
}

.checkout_coupon label,
.checkout_coupon br {
    display: none;
}

.checkout_coupon p:first-child {
    display: block;
    margin: 0 var(--space-1) 0 0;
    font-weight: bold;
    color: var(--color-text);
}

button[name="apply_coupon"] {
    height: 36px;
    font-size: 10px;
}

.coupon #coupon_code {
    width: 100%;
    max-width: none;
}

.actions .coupon {
    display: flex;
    flex-direction: row;
}

.actions .coupon .button {
    box-shadow: none;
    border: 1px solid var(--cda-color-primary);
    color: var(--cda-color-primary);
    margin: 4px 0 0;
    width: 70%;
}

.coupon .button:hover {
    background: var(--e-global-color-accent);
    border-color: var(--e-global-color-accent);
    color: var(--color-white);
}

button[name="update_cart"] {
    box-shadow: none;
    border: 1px solid var(--cda-color-primary);
    color: var(--cda-color-primary);
}

button[name="update_cart"]:hover {
    background: var(--e-global-color-accent);
    border-color: var(--e-global-color-accent);
    color: var(--color-white);
}

#coupons_list {
    padding: var(--space-2);
    border: 1px solid var(--color-border);
    border-radius: 3px;
}

#coupons_list h3 {
    font-size: 10px;
    margin-bottom: var(--space-1);
}