/* Product Title */

.product-title-element {

    .product-title {
        margin-bottom: 2px;
    }

    @media all and (min-width: 992px) {

        .prices,
        .col-prices {
            justify-content: end;
        }

    }

}




/* Payment Status */

.payment-status-check {

    &:not(.is-ready) > [data-payment-status] {
        display: none !important;
    }

    &[data-status="check"] {
        [data-payment-status="success"],
        [data-payment-status="expired"],
        [data-payment-status="failed"] {
            display: none !important;
        }
    }

    &[data-status="success"] {
        [data-payment-status="check"],
        [data-payment-status="expired"],
        [data-payment-status="failed"] {
            display: none !important;
        }
    }

    &[data-status="failed"] {
        [data-payment-status="check"],
        [data-payment-status="expired"],
        [data-payment-status="success"] {
            display: none !important;
        }
    }

    &[data-status="expired"] {
        [data-payment-status="check"],
        [data-payment-status="success"],
        [data-payment-status="failed"] {
            display: none !important;
        }
    }

}







/* Cart Summary */

.cart-summary {
    text-align: left;

    table {
        width: 100%;

        tr {

            td {
                line-height: 1.25em;
            }

            td.is-price {
                text-align: right;
            }

            td.is-action {
                width: 20px;
                white-space: nowrap;
                padding-left: 15px;
            }

            .td-label {

                &.is-description {
                    font-weight: 400;
                    font-size: var(--12px);
                    color: var(--theme-grayer);
                }
            }

        }

        tbody {

            tr:not(:last-child) {
                td {
                    padding-bottom: 10px;
                }
            }

            tr.is-total {
                td {
                    font-weight: 400;
                }
            }

        }

        tfoot {

            tr:first-child > td {
                padding-top: 10px;
            }

        }

    }

}






/* Cart Item */

.cart-items {
    display: flex;
    flex-direction: column;

    .cart-item:not(:last-child) {
        border-bottom: 1px solid var(--theme-grayish);
        padding-bottom: 20px;
        margin-bottom: 15px;
    }

    @media all and (max-width: 575px) {

        .cart-item:not(:last-child) {
            padding-bottom: 16px;
            margin-bottom: 12px;
        }

    }

}

.cart-item {


    .cart-item-grid {

        display: flex;
        gap: 0 20px;

        .cart-item-aside {

            display: inline-flex;
            flex-wrap: wrap;


            flex: 0 0 60px;
            max-width: 60px;

            svg {
                height: fit-content;
                width: fit-content;
            }

        }

        .prices {
            flex-direction: column;
            align-items: start;
        }

        .cart-item-content {
            flex: 1 1;

            .labels {
                width: 100%;
            }

        }


        .cart-item-actions {

            flex: 0 0 140px;
            max-width: 140px;

        }



        .cart-item-amount {
            position: relative;
            padding-right: 40px;
            margin-bottom: 12px;

            .form-field {
                display: inline-block;
                width: 100%;

                input {
                    padding-right: 28px;
                    padding-left: 28px;
                    text-align: center;
                }
            }

            .buttons {
                position: absolute;
                top: 0;
                right: 0;
                z-index: 25;
                width: 32px;
                min-height: 38px;
                align-items: center;
            }


        }



    }



    @media all and (min-width: 576px) {

        .cart-item-content {
            order: 1;
        }
        .cart-item-actions {
            order: 3;
        }
        .cart-item-aside {
            order: 2;
        }

    }



    @media all and (max-width: 575px) {

        .cart-item-grid {
            display: block;
            position: relative;
            padding-right: 140px;
        }

        .cart-item-actions {
            position: absolute;
            right: 0;
            top: 5px;
            width: 130px;
        }

        .cart-item-aside {
            margin-top: 15px;
        }


    }

}