//
//  Common
//  _____________________________________________

& when (@media-common = true) {
    .osc-index-index {
        .order-review-section {
            .onestepcheckout-payment-methods {
                padding: 0 4% 12px;
                width: calc(100% - 8%);
                .checkout-payment-method {
                    .payment-group {
                        .step-title {
                            display: none;
                        }
                    }
                    .payment-method {
                        .lib-clearfix();
                        &._active {
                            padding-bottom: 22px;
                            .payment-method-title {
                                padding-bottom: 10px;
                            }
                        }
                        // &:not(._active) {
                        //     &:last-child {
                        //         .payment-method-title {
                        //             margin-top: 22px !important;
                        //         }
                        //     }
                        // }
                        .payment-method-content {
                            padding-left: 0;
                            .fieldset {
                                margin-left: 4px;
                            }
                        }
                        input.radio {
                            margin-top: 7px;
                        }
                    }
                    .wrap-payment-content {
                        > .fieldset {
                            margin-bottom: 22px;
                            margin-top: -22px;
                        }
                        .fieldset {
                            margin-left: 0;
                            .field {
                                &.number,
                                &.date,
                                &.cvv {
                                    label {
                                        .lib-font-size(12);
                                        color: @djo-gray-light;
                                        margin-bottom: 0;
                                    }
                                }
                                &[name*="telephone"] {
                                    .label {
                                        top: 15px;
                                    }
                                    .input-text:focus ~ .label {
                                        top: -11px;
                                    }
                                    .field-tooltip {
                                        top: 6px;
                                    }
                                }
                            }
                            .actions {
                                .action-cancel {
                                    .lib-font-size(14);
                                    border: none;
                                    border-radius: 0;
                                    box-shadow: none !important;
                                    color: @djo-blue !important;
                                    display: inline-block;
                                    height: auto;
                                    min-width: 0;
                                    padding: 10px 0 !important;
                                    &:hover {
                                        text-decoration: underline !important;
                                    }
                                }
                                .action-update {
                                    .lib-font-size(12);
                                    border: 1px solid @djo-blue;
                                    border-radius: 30px;
                                    box-shadow: none !important;
                                    height: auto;
                                    letter-spacing: 0.07em;
                                    min-width: 0;
                                    padding: 10px 18px !important;
                                    text-transform: uppercase;
                                    &:hover {
                                        background-color: @djo-blue-dark !important;
                                        border-color: @djo-blue-dark;
                                    }
                                }
                            }
                        }
                    }
                    #co-transparent-form {
                        label {
                            .lib-font-size(12);
                            color: @djo-gray-light;
                            margin-bottom: 0;
                        }
                    }
                    .billing-address-same-as-shipping-block {
                        label {
                            .title {
                                .lib-font-size(15);
                                bottom: 2px;
                                position: relative;
                            }
                        }
                    }
                    .billing-address-details {
                        .lib-font-size(14);
                        display: inline-block;
                        margin-bottom: 10px;
                        margin-left: 10px;
                    }
                    #co-transparent-form,
                    #purchaseorder-form,
                    .payment-method-billing-address,
                    .billing-address-same-as-shipping-block.checkbox-group {
                        margin-left: 0 !important;
                    }
                    .checkout-agreements-block {
                        margin-bottom: 0;
                        padding-left: 0;
                    }
                    .ccard {
                        > .field.cvv {
                            > .control {
                                padding-right: 0;
                            }
                        }
                    }
                }
            }
        }
    }
}


//
//  Mobile
//  _____________________________________________

.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) {
    .osc-index-index {
        .one-step-checkout {
            #one-step-checkout-form {
                .wrap-payment-content {
                    .billing-address-same-as-shipping-block {
                        label {
                            .check {
                                left: 15px;
                            }
                            .box-check {
                                left: 10px;
                            }
                            .title {
                                margin-left: 35px;
                            }
                        }
                    }
                    .fieldset {
                        .billing-address-form {
                            padding-left: 15px;
                            padding-right: 15px;
                        }
                        .actions {
                            padding-left: 15px;
                            padding-right: 15px;
                            .action-update {
                            }
                        }
                    }
                }
            }
        }
    }
}


//
//  Desktop
//  _____________________________________________

.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
    .osc-index-index {
        #one-step-checkout-form {
            #onestepcheckout-payment-methods {
                .billing-address-same-as-shipping-block {
                    label {
                        .title {
                            margin-left: 22px;
                        }
                    }
                }
            }
        }
    }
}