.woocommerce-cart {
    .wp-block-post-title.alignwide,
    main .woocommerce.alignwide {
        max-width: var(--wp--style--global--wide-size);
    }

    .wp-site-blocks:has(.wp-block-woocommerce-empty-cart-block) .wp-block-post-title {
        display: none;
    }
}

.wc-block-cart {
    .wp-block-woocommerce-cart-order-summary-block {
        padding: 40px;
        background-color: var(--wp--preset--color--bg-3);
        border-radius: 8px;
        border-bottom: none;
        margin-bottom: 0;
        line-height: normal;
    }

    .wc-block-cart__totals-title {
        color: var(--wp--preset--color--text-primary);
        font-family: var(--wp--preset--font-family--space-grotesk);
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 1;
        padding: 0;
        text-transform: capitalize;
    }
}

.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:focus,
.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input:focus{
    box-shadow: none;
}

.wc-block-components-sidebar {
    display: flex;
    flex-direction: column;
    gap: 30px;

    > :empty {
        display: none;
    }
}

.wp-block-woocommerce-cart-order-summary-totals-block {
    padding: 0;
    border-top: none;
}

.wc-block-components-totals-wrapper {
    padding: 0;
    border-top: none;

    .wc-block-components-totals-item {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 12px 0;
        border-bottom: 1px solid var(--Border, #E2E8F0);
        column-gap: 20px;
    }

    .wc-block-components-totals-item__label {
        flex: 1;
        font-size: 15px;
        font-weight: 600;
        line-height: 26px;
    }

    .wc-block-components-totals-item__value {
        text-align: right;
        font-size: 14px;
        font-weight: 400;
        line-height: 26px;
    }

    .wc-block-components-totals-item__description {
        flex-basis: 100%;
    }

    .wc-block-components-totals-footer-item {
        &.wc-block-components-totals-item {
            padding-top: 20px;
            padding-bottom: 0;
            border-bottom: none;
        }

        .wc-block-components-totals-item__label,
        .wc-block-components-totals-item__value {
            font-size: 20px;
            font-weight: 600;
            line-height: 28px;
            margin-block: -4px;
        }
    }
}

.wc-block-cart-item__total-price-and-sale-badge-wrapper {
    align-items: normal;
}

/**
 * Submit button
 */
.wc-block-cart__submit {
    margin: 0;
}

.wc-block-components-button.wc-block-cart__submit-button {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    border-radius: 8px;
    box-shadow: 0 4px 10px 0 rgba(37, 99, 235, 0.10);
    padding: 18px 30px;
}

.wc-block-cart-items {
    width: 100%;

    tbody {
        display: flex;
        flex-direction: column;
        gap: 10px;
        width: 100%;
    }

    tr {
        display: flex;
        width: 100%;
        border-radius: 8px;
        border: 1px solid var(--Border, #E2E8F0);
        gap: 20px;

        > th,
        > td {
            flex: 1;
            border: none;
        }

        > th:nth-child(1),
        > td:nth-child(1) {
            flex: 0 0 160px;
        }

        > th:nth-child(3),
        > td:nth-child(3) {
            flex: 0 0 100px;
        }
    }
}

/**
 * Quantity Selector
 */
.wc-block-components-quantity-selector {
    border-radius: 8px;
    border: 1px solid var(--Border, #E2E8F0);
    background: var(--White, #FFF);
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.03);
    width: 100px;

    input.wc-block-components-quantity-selector__input {
        padding: .77em 0;
        line-height: 20px;
        min-height: 48px;
    }

    >.wc-block-components-quantity-selector__button--minus {
        border-radius: 8px 0 0 8px;
    }

    >.wc-block-components-quantity-selector__button--plus {
        border-radius: 0 8px 8px 0;
    }
}

/**
 * Cart Item: Product
 */
.wc-block-cart-item__product {
    display: flex;
    flex-direction: column;
    align-self: center;

    .wc-block-cart-item__wrap {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        margin-top: -7px;
        padding: 30px 0;

        > *:nth-child(1),
        > *:nth-child(2) {
            flex: 1;
        }

        > *:nth-child(1):after {
            content: "–";
            display: inline-block;
            margin: 0 5px;
        }

        > *:nth-child(n+3) {
            flex-basis: 100%;
        }

        .wc-block-components-product-metadata__description > p {
            font-size: 14px;
            line-height: 26px;
        }

        .wc-block-components-product-details{
            display: none;
        }
    }
}

table.wc-block-cart-items .wc-block-cart-items__header,
.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__header {
    border: none;
    margin-bottom: 12px;

    th {
        font-size: 16px;
        font-weight: 600;
        line-height: 28px;
        text-transform: none;
        text-align: left;
        padding: 0;
    }
}

table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__prices,
.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__prices {
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
}

table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name,
.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name {
    margin-bottom: 0;
    color: var(--wp--preset--color--text-primary);
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    text-decoration: none;

    &:hover {
        text-decoration: underline;
        text-underline-offset: 3px;
    }
}

table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-metadata__description,
.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-metadata__description {
    margin-top: 3px;
    margin-bottom: 11px;
}

table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total,
.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total {
    padding: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    text-align: left;
    justify-content: flex-start;
    margin-top: 25px;
}

table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__wrap>*,
.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__wrap>* {
    margin-bottom: 0;
}

@container ( min-width: 700px ) { /* This is the value set in the WooCommerce block styles for cart */
    .wc-block-cart__main .wc-block-cart-items {
        border: none;

        td {
            border: none;
            padding: 0;
        }

        .wc-block-cart-item__image {
            a {
                display: flex;
            }

            img {
                aspect-ratio: 1/1;
                max-width: 160px;
                border-radius: 8px 0 0 8px;
            }
        }
    }
}

@media (max-width: 425px) {
    .wc-block-cart__main .wc-block-cart-items {
        tr {
            gap: 0;
            td{
                padding: 10px;
            }
        }  
    }

    .wc-block-components-totals-coupon__form::after {
        display: none;
    }

       
    .wc-block-cart table.wc-block-cart-items{   
        .wc-block-cart-items__row {  
             .wc-block-cart-item__quantity { 
                flex-direction: column;
                align-items: start;
               
            }
        }
    }
    .wc-block-components-sale-badge{
        display: none;
    }

    .wc-block-cart table.wc-block-cart-items{ 
        & tr {
            > th:nth-child(3), > td:nth-child(3) {
                flex: unset;
            }
        }

        .wc-block-cart-items__row {  
            display: flex;
            flex-wrap: wrap;
            flex-direction: column;
            padding: 4px 0;
            .wc-block-cart-item__image img{
                border-radius: 8px;
                max-width: 160px;

            }
            .wc-block-cart-item__product{
                padding: 10px;
            }
            .wc-block-cart-item__total{
                padding-left: 10px;
                justify-content: left;
                margin-top: 0;
            }
        }
    }
}

@media (min-width: 1024px) {
    .wc-block-components-sidebar-layout {
        .wc-block-components-main {
            width: 59.5%;
            padding-right: 2.15%;
        }

        .wp-block-woocommerce-cart-totals-block { 
            width: 40.5%;
        }
    }
}

@media(max-width: 1200px){
    .wc-block-cart-item__product {
        .wc-block-cart-item__wrap{  
            .wc-block-components-product-metadata__description > p {
                font-size: 12px;
                line-height: 20px;
            }
        }
    }
}

@media (max-width: 1023px) {
    .wc-block-components-sidebar-layout {
         row-gap:32px;
            .wc-block-components-main {
                width: 100%;
                padding-right: 0%;
            }
    }

    .wc-block-cart__main .wc-block-cart-items {
        tr td.wc-block-cart-item__total{
                padding-right: 10px;
                justify-content: end;
            } 
    }
        
   .wc-block-components-sidebar {
        width: 100%;
        padding-left: 0%;
    }
}