table.wc-block-cart-items,
.editor-styles-wrapper table.wc-block-cart-items {
    .wc-block-cart-items__row {
        .wc-block-cart-item__wrap {
            gap: 5px; 
        }

        .wc-block-components-product-name {
            font-size: 16px;
            line-height: 1.5;
            margin-bottom: 0;
            color: var(--wp--preset--color--dark);

            &:hover {
                color: var(--wp--preset--color--primary-hover);
            }
        }

        .wc-block-cart-item__prices,
        .wc-block-cart-item__total {
            font-size: 16px;
            line-height: 1.5;
            font-weight: 400;
        }

        .wc-block-components-product-metadata__description {
            display: -webkit-box;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            line-clamp: 1;
        }
    }
}

.wc-block-cart .wp-block-woocommerce-cart-order-summary-block .wc-block-components-totals-item {
    gap: 0;
}

.is-mobile table.wc-block-cart-items .wc-block-cart-items__row {
    grid-template-columns: 62px 1fr;
}

.wc-block-cart__main .wc-block-cart-items,
.wc-block-cart__main .wc-block-cart-items td {
    border-color: var(--wp--preset--color--gray-300);
}

.wp-block-woocommerce-cart-order-summary-totals-block {
    border-color: var(--wp--preset--color--gray-300);
}

.wc-block-cart .wp-block-woocommerce-cart-order-summary-block {
    font-size: 14px;
    line-height: 1.6;
    border-bottom: 0;
}

.wc-block-cart__submit {
    margin: 0;
}

/**
 * Components
 */

 /* Quantity Selector component */
.wc-block-components-quantity-selector {
    width: 100px;
    align-items: center;

    &::after {
        display: none;
    }

    input.wc-block-components-quantity-selector__input {
        padding: 12px 0;
        border-color: transparent;
    }

    .wc-block-components-quantity-selector__button {
        font-weight: 700;
        color: var(--wp--preset--color--gray-800);
        height: 25px;
        min-width: 25px;
        opacity: 1;
    }

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

/* Product Price component */
.wc-block-components-product-price {
    gap: 7px;

    .wc-block-components-product-price__regular {
        order: 2;
    }

    .wc-block-components-product-price__value.is-discounted {
        margin-left: 0;
    }
}

/**
 * Sale price badge
 */
.wc-block-components-product-badge {
    background-color: #def9ed;
    color: var(--wp--preset--color--success);
    border-width: 0;
    font-size: 10px;
    border-radius: 8px;
    padding: 2px 10px;
}

/* Totals component */
.wc-block-components-totals-wrapper {
    border-color: var(--wp--preset--color--gray-300);
}

.wc-block-components-totals-discount__coupon-list {
    margin: 0;
    display: flex;
    gap: 5px;

    .wc-block-components-chip {
        margin: 0;
    }
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__label, 
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    font-size: 16px;
    font-weight: 500;
    line-height: 22.4px;
}

.wc-block-components-totals-coupon {
        padding: 0;
        font-size: 14px;
        font-weight: 600;
        .wc-block-components-text-input {
            input[type=text] {
                padding-left: 20px;
                height: 47px;
            }
            
            label {
                left: 20px;
                font-size: 14px;
                font-weight: 600;
                transform: translateY(-60%);
                margin-left: 0 !important;
            }

            &.is-active {
                input:focus {
                    padding-left: 20px;
                    font-size: 14px;
                }
            }                  
        }

        .wc-block-components-text-input.is-active input[type=text] {
            padding-top: 24px;
        } 

        .wc-block-components-text-input.is-active label {
            top: 6px;
            transform: scale(.82);
        }

        .wc-block-components-totals-coupon__button {
            height: 47px;
        }
    }


/**
 * Responsive
 */
/* Minimum width: 64rem (1024px) */
@media (width >= 64rem) {
    .wc-block-components-sidebar-layout {
        display: grid;
        grid-template-columns: 1fr minmax(min(400px, 35%), 389px);
        column-gap: 64px;
        margin: 0;

        .wc-block-components-main{
            width: 100%;
            padding: 0;
        }
    }

    .wc-block-cart .wp-block-woocommerce-cart-order-summary-block {
        margin-bottom: 0;
    }

    .wc-block-cart .wc-block-cart__totals-title {
        text-transform: none;
        font-size: 22px;
        font-weight: 600;
        line-height: 29.7px;
        padding: 0;
        color: var(--wp--preset--color--dark);
    }

    .wc-block-components-totals-wrapper {
        padding: 20px 0;

        &.wp-block-woocommerce-cart-order-summary-coupon-form-block {
            border: none;
        }
    }

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

        .wc-block-components-totals-wrapper {
            padding: 16px 0;
            border-top: 1px solid var(--wp--preset--color--gray-300);
        }
    }

    .wc-block-components-sidebar {
        width: 100%;
        padding: 30px;
        background-color: var(--wp--preset--color--gray-100);
        opacity: 1;
        height: fit-content;
        border-radius: 18px;
        align-self: flex-start;
        max-width: 389px;
        box-sizing: border-box;

    }
}

/* Minimum width: 88rem (1408px) */
@media (width >= 88rem) {
    .wc-block-cart-item__wrap {
        > *:first-child {
            grid-column: 1;
            grid-row: 1;
        }

        > *:nth-child(2) {
            grid-column: 2;
            grid-row: 1 / span 2;
        }

        > *:nth-child(3) {
            grid-column: 1;
            grid-row: 2;
        }

        > *:nth-child(4) {
            grid-column: 3;
            grid-row: 1 / span 2;
        }
    }

    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 {
        display: grid;
        grid-template-columns: 190px 1fr 110px;
        grid-template-rows: auto auto;
        gap: 10px 0;
        align-items: center;
    }

    .wc-block-components-product-name {
        max-width: 290px;
    }

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

            img {
                border-radius: 12px;
            }
        }
    }

    table.wc-block-cart-items,
    .editor-styles-wrapper table.wc-block-cart-items {
        thead {
            display: table;
            width: 100%;

            .wc-block-cart-items__header {
                font-size: 15px;
                line-height: 24px;
            }

            th {
                padding: 16px 30px;
            }

            .wc-block-cart-items__header-total {
                padding-right: 30px;
            }
        }

        tbody {
            display: table;
            width: 100%;
        }

        td {
            padding: 20px 0;
            vertical-align: middle;
        }

        .wc-block-cart-item__image{
            padding-left: 43px;
            padding-right: 20px;
            width: 82px;

            img {
                min-width: 110px;
            }
        }

        .wc-block-cart-item__prices {
            padding-left: 58px;

            .wc-block-components-product-price {
                font-size: 16px;
            }

            del.wc-block-components-product-price__regular {
                font-size: 14px;
                color: var(--wp--preset--color--gray-500);
            }
        }

        .wc-block-cart-item__product {
            padding-left: 0;
            padding-right: 20px;
        }

        .wc-block-cart-item__total {
            display: table-cell;
            padding-left: 30px;
            padding-right: 30px;
        }
    }

    .wc-block-cart-item__total-price-and-sale-badge-wrapper {
        position: relative;

        .wc-block-components-product-badge {
            float: right;
        }
    }

    .wc-block-cart-item__remove-link {
        position: absolute;
        left: -7px;

        &::after {
            content: "";
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="11" viewBox="0 0 10 11" fill="none"><path d="M0 0.933907L0.660413 0.273495L9.90619 9.51927L9.24578 10.1797L0 0.933907Z" fill="black"/><path d="M9.33959 0L10 0.660413L0.754224 9.90619L0.0938113 9.24578L9.33959 0Z" fill="black"/></svg>');
            display: inline-block;
            width: 10px;
            height: 11px;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }

        svg {
            display: none;
        }
    }
}