/* Cross sell section  */
#cart-page .wp-block-woocommerce-cart-cross-sells-block{
    display: none !important;
}

/* Product and Total text sections */
#cart-page .wc-block-cart-items__header-image{
    text-align: start;
    padding-left: 16px;
}

#cart-page .wc-block-cart-items__header-total{
    display: none !important;
}

/* Cart Card Image */
#cart-page .wc-block-cart-item__image > a{ /* Cart Image link */
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--e-global-color-accent);
    border-radius: 12px;
    border: 2px solid #F2F2F2;
    overflow: hidden;
}
#cart-page .wc-block-cart-item__image img{ /* Cart Image */
    aspect-ratio: 1/1 !important;
    object-fit: contain !important;
}


/* Cart Card Prices */
#cart-page .wc-block-cart-item__prices{
    display: none;
}


/* Cart Card Middle Information section */
#cart-page .wc-block-cart-item__product{
    padding: 0px !important;
}


/* Cart Card Main Price */
#cart-page .wc-block-cart-item__total{
    padding: 0px !important;
}

/* Cart Card add padding */
#cart-page .wc-block-cart-items__row > td{
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

#cart-page .wc-block-cart-items__row > td:first-of-type{ /* Cart Card Image */
    padding-left: 12px !important;
}

#cart-page .wc-block-cart-items__row > td:nth-of-type(2){ /* Cart Card Middle Information section */
    padding-left: 12px !important;
}

#cart-page .wc-block-cart-items__row > td:last-of-type{ /* Cart Main Price */
    padding-left: 4px !important;
    padding-right: 12px !important;
}

/* Cart Card Borders */
#cart-page .wc-block-cart-items__row td{
    border-top: 0px !important;
}
#cart-page .wc-block-cart-items__row:not(:first-child) td{
    border-top: 1px solid hsla(0, 0%, 7%, .11) !important;
}

/* Hide simple product descriptions */
#cart-page .wc-block-components-product-metadata__description{
    display: none !important;
}
  

#cart-page .wp-block-woocommerce-cart-order-summary-totals-block .wc-block-components-totals-wrapper {
    padding: 0px !important;
}

#cart-page .wc-block-components-sidebar-layout{
    margin-bottom: 0px !important;
}
#cart-page .wc-block-cart__sidebar{
    margin-bottom: 0px !important;
}
#cart-page .wc-block-components-notice-snackbar-list{
    display: none;
}
#cart-page .wc-block-cart__submit{
    margin-bottom: 0px !important;
}

#cart-page .wc-block-cart table.wc-block-cart-items td{
    margin: 0px !important;
}
#cart-page button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained{
    border-radius: 999px !important;
}


/* Quantity Selector */

#cart-page .wc-block-components-quantity-selector {
    margin: 0px !important;
}

#cart-page input.wc-block-components-quantity-selector__input {
    font-size: 20px !important;
    padding: 0px !important;
}

#cart-page table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-quantity-selector {
    margin-bottom: 0px !important;
}

/* Totals and Coupon */
#cart-page .wp-block-woocommerce-cart-order-summary-coupon-form-block.wc-block-components-totals-wrapper,
#cart-page .wp-block-woocommerce-cart-order-summary-totals-block {
    border-top: 0px !important;
}

#cart-page .wc-block-components-totals-item,
#cart-page .wc-block-components-totals-coupon.wc-block-components-panel {
    /* padding: 0px !important; */
}

#cart-page .wc-block-components-panel__button {
    font-family: var(--main-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

#cart-page .wc-block-cart__sidebar .wc-block-components-totals-coupon .wc-block-components-panel__button {
    padding-left: 0px !important;
}

#cart-page .wc-block-components-totals-coupon__form {
    flex-direction: column;
}

#cart-page .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input {
    flex: 1 66px !important;
}

#cart-page .wp-block-woocommerce-cart-order-summary-totals-block {
    color: var(--e-global-color-text, #000527);
    font-family: "Ebony";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

#cart-page .wc-block-components-totals-shipping {
    padding: 16px 0px 0px;
}

#cart-page .wc-block-components-totals-shipping .wc-block-components-totals-item strong {
    text-transform: none !important;
    font-weight: 700 !important;
}

/* Form Elements */
#cart-page .wc-block-components-text-input label {
    color: rgba(101, 101, 101, 0.20) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    left: 16px !important;
    line-height: 14px !important;
    top: 32% !important;
    color: #1d192185 !important;
    transform: unset !important;
}

#cart-page .wc-block-components-text-input.is-active input[type=text] {
    padding: 12px 24px !important;
}

#cart-page .wc-block-components-text-input.is-active label {
    display: none;
}

/* Form Elements with Borders */
#cart-page input#wc-block-components-totals-coupon__input-coupon {
    border-radius: 999px;
    border: 2px solid var(--border-color);
}

#cart-page .wc-blocks-components-select .wc-blocks-components-select__select {
    border-radius: 999px !important;
    padding: 12px 24px 1px !important;
    border: 2px solid var(--border-color) !important;
}

#cart-page label.wc-blocks-components-select__label {
    padding-left: 21px;
    color: var(--border-color) !important;
}

#cart-page .wc-block-components-shipping-calculator-address .wc-block-components-text-input input {
    border-radius: 999px !important;
    border: 2px solid var(--border-color) !important;
}

/* Buttons */
#cart-page button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained,
#cart-page button.wc-block-components-button.wp-element-button.wc-block-components-shipping-calculator-address__button.outlined,
#cart-page a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
    background: var(--e-global-color-text);
    border: 0px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    color: #fff;
    border-radius: 999px;
    text-decoration: none;
}

#cart-page .wc-block-components-button__text {
    text-indent: -9999px;
    /* Hide the text by pushing it off-screen */
    display: block;
    /* Keep the element displayed */
    position: relative;
    /* For positioning the pseudo-element */
    width: 100%;
    /* Take full width of parent */
}

#cart-page .wc-block-components-button__text::after {
    content: "Checkout";
    position: absolute;
    left: 0;
    right: 0;
    /* Add this to center horizontally */
    top: 50%;
    /* Position at vertical middle */
    transform: translateY(-50%);
    /* Adjust vertical alignment */
    text-indent: 0;
    /* Reset text-indent for the pseudo-element */
    text-align: center;
    /* Center the text horizontally */
}

/* Remove Link */
#cart-page .wc-block-cart-item__remove-link {
    background: none;
    border: none;
    width: 24px;
    height: 24px;
    padding: 0;
    text-indent: -9999px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

#cart-page .wc-block-cart-item__remove-link::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-image: url('/wp-content/uploads/2025/10/delete.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#cart-page .wc-block-components-quantity-selector:after {
    border: 10px !important;

}

#cart-page th.wc-block-cart-items__header-image,
#cart-page th.wc-block-cart-items__header-product,
#cart-page th.wc-block-cart-items__header-total {
    border: 0px !important;
}

#cart-page .wc-block-cart-item__quantity {
    display: flex !important;
}

#cart-page .wc-block-cart-item__image {
    min-width: 115px !important;
    padding: 0 !important;
    vertical-align: middle !important;
}

#cart-page .wc-block-cart-item__wrap .wc-block-components-product-name {
    color: var(--e-global-color-text, #000527) !important;

    font-family: "Ebony" !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 120% !important;
    margin: 0 !important;
    margin-bottom: 8px !important;
}

#cart-page .wc-block-cart-item__wrap {
    color: var(--e-global-color-text, #000527) !important;

    font-family: "Ebony" !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 120% !important;
    margin: 0 !important;
}

#cart-page .wc-block-components-product-details__name,
#cart-page .wc-block-components-product-details__value,
#cart-page .wc-block-components-product-details__colour,
#cart-page .wc-block-components-product-details {
    font-family: "Ebony" !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 120% !important;
}


#cart-page .wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-product-price__value {
    color: var(--e-global-color-text, #453784) !important;

    font-family: "Ebony" !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 120% !important;
}

/* Tablet */
@media screen and (max-width: 1024px) { 
    #cart-page .wc-block-components-sidebar-layout.wc-block-cart.wp-block-woocommerce-filled-cart-block{
        flex-direction: column !important;
    }

    #cart-page .wc-block-components-sidebar-layout .wc-block-components-main {
        width: 100% !important;
    }

    #cart-page .wc-block-components-sidebar-layout .wc-block-components-sidebar {
        width: 100% !important;
    }
    #cart-page .wc-block-components-sidebar.wc-block-cart__sidebar.wp-block-woocommerce-cart-totals-block{
        padding-left: 0px !important;
    }
    #cart-page table.wc-block-cart-items .wc-block-cart-items__row{
        grid-template-columns: repeat(3, 1fr) !important;
        padding-bottom: 0 !important;
    }
}

/* Mobile */
@media screen and (max-width: 768px) { 
    #cart-page .wc-block-components-sidebar-layout{
        flex-direction: column !important;
    }
}


#cart-page .wc-block-cart__empty-cart__title.with-empty-cart-icon:before {
    mask-image: url(/wp-content/uploads/2025/07/remove_shopping_cart.svg) !important;
    background-color: var(--e-global-color-primary, #fff) !important;
    width: 180px !important;
    height: 180px !important;
    mask-size: 180px !important;
}