//
//  Common
//  _____________________________________________

& when (@media-common = true) {
    .paypal-express-review {
        .paypal-review-discount {
            .discount {
                > .title {
                    strong {
                        color: @djo-blue;
                    }
                }
            }
            .giftcard {
                > .title {
                    strong {
                        color: @djo-blue;
                    }
                }
                .action.check {
                    letter-spacing: normal;
                    text-transform: none;
                }
            }
            .actions-toolbar {
                .action.primary {
                    .lib-font-size(14);
                    border-top-left-radius: @button__border-radius;
                    border-bottom-left-radius: @button__border-radius;
                    box-shadow: none;
                    font-weight: 400;
                    letter-spacing: normal;
                    line-height: 1;
                    margin-left: 10px;
                    padding: 6px 16px;
                    text-transform: none;
                }
            }
        }
        .cart.table-wrapper {
            .product-item-name {
                + .item-options {
                    margin-top: 10px;
                }
            }
        }
        .order-review-form {
            .action.primary {
                line-height: @button__line-height;
                padding: @button__padding;
            }
        }
        .table-wrapper {
            .table-paypal-review-items.table:not(.totals):not(.table-comparison) {
                .opc-block-summary {
                    padding-bottom: 0;
                    padding-top: 0;
                    > tr:first-child {
                        th,
                        td {
                            padding-top: 11px;
                        }
                    }
                }
            }
        }
    }
}


//
//  Mobile
//  _____________________________________________

.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) {
    .paypal-express-review {
        .block-order-details-view {
            margin-bottom: 30px;
            .block-content {
                .box {
                    margin-bottom: 15px;
                }
            }
        }
        .paypal-review-discount {
            margin-bottom: 20px;
            padding-top: 0;
            .discount {
                > .title {
                    padding-left: 0;
                    padding-right: 0;
                }
                .content {
                    padding-left: 0;
                    padding-right: 0;
                }
            }
            .giftcard {
                > .title {
                    padding-left: 0;
                    padding-right: 0;
                }
                .content {
                    padding-left: 0;
                    padding-right: 0;
                }
                .actions-toolbar {
                    .secondary {
                        bottom: 8px;
                        left: 0;
                    }
                }
            }
        }
        .cart.table-wrapper {
            .col.qty,
            .col.price,
            .col.subtotal,
            .col.msrp {
                box-sizing: content-box;
                display: table-cell;
                float: none;
                white-space: normal;
                width: auto;
                &::before {
                    content: none;
                }
            }
        }
        .table-paypal-review-items.table {
            .col.qty {
                padding-top: 20px;
            }
        }
        .table-wrapper {
            .table:not(.totals):not(.table-comparison) {
                .opc-block-summary {
                    display: table-footer-group;
                    padding-left: 0;
                    padding-right: 0;
                    tr {
                        display: table-row;
                        &::before,
                        &::after {
                            content: none;
                        }
                        .mark,
                        .amount {
                            border-top: none;
                            box-sizing: content-box;
                            float: none;
                            width: auto;
                        }
                    }
                }
            }
        }
    }
}


//
//  Desktop
//  _____________________________________________

.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
    .paypal-express-review {
        .block-order-details-view {
            margin-bottom: 0;
            .block-content {
                .box-order-billing-address {
                    .box-content {
                        word-break: break-all;
                    }
                }
            }
        }
        .paypal-review-discount {
            margin-bottom: 30px;
            .discount {
                > .title {
                    padding-bottom: 0;
                }
                form {
                    margin-top: 11px;
                }
            }
            .giftcard {
                > .title {
                    padding-bottom: 0;
                }
                form {
                    margin-top: 11px;
                }
            }
            .field {
                vertical-align: middle;
            }
        }
        .cart.table-wrapper {
            .cart {
                thead {
                    tr {
                        th.col {
                            padding-bottom: 10px;
                            padding-top: 10px;
                        }
                    }
                }
            }
            .item {
                .col.item {
                    padding-bottom: 20px;
                    padding-top: 20px;
                }
            }
            .product-item-details {
                padding-bottom: 0;
            }
        }
        .table-wrapper {
            margin-bottom: 11px;
        }
        .table-paypal-review-items.table {
            .col.qty {
                padding-top: 20px;
            }
        }
    }
}