//
//  Common
//  _____________________________________________

& when (@media-common = true) {
    .minicart-wrapper {
        .block-minicart {
            .block-content {
                li:hover {
                    cursor: default;
                }
                .minicart-items-wrapper {
                    clear:both;
                }
                .action.close:hover {
                    &::before {
                        color: @djo-gray;
                    }
                }
                .product-item {
                    padding: 12px 0 14px;
                }
                .product-item-name {
                    font-weight: 700;
                    margin: 0 0 1px;
                }
                .product-item-sku {
                    font-weight: 400;
                    margin: 0 0 4px;
                    .label {
                        &::after {
                            content: ":\00a0";
                        }
                    }
                }
                .product .toggle {
                    padding-bottom: 0;
                }
                .product.options.list {
                    .lib-clearfix();
                    dl {
                        margin-bottom: 4px;
                    }
                    dt {
                        clear: left;
                        float: left;
                        margin-bottom: 1px;
                        &::after {
                            content: ":\00a0";
                        }
                    }
                    dd {
                        float: left;
                        margin-bottom: 1px;
                    }
                }
                .details-qty {
                    .item-qty {
                        height: 33px;
                        padding: 0;
                        width: 33px;
                        &.readonly {
                            border-color:transparent;
                            border: 0;
                            box-shadow:none;
                            outline-style:none;
                            outline: 0;
                        }
                    }
                    .update-cart-item {
                        .lib-font-size(14);
                        background: transparent;
                        border: none;
                        box-shadow: none;
                        color: @djo-blue;
                        line-height: 1;
                        padding: 0;
                        vertical-align: middle;
                        &:hover,
                        &:focus,
                        &:active {
                            text-decoration: underline;
                        }
                    }
                }
                > .actions {
                    margin-top: 0;
                    > .primary {
                        margin-top: 15px;
                    }
                    > .secondary {
                        margin-top: 38px;
                        .action.viewcart {
                            .lib-button-primary();
                            .lib-button-revert-secondary-color();
                            .lib-font-size(12);
                            background-color: transparent;
                            color: @djo-gray;
                            padding: 8px 16px;
                            &:hover,
                            &:focus,
                            &:active {
                                background-color: @djo-gray;
                                color: #fff;
                                text-decoration: none;
                            }
                        }
                    }
                }
            }
        }
    }
}


//
//  Mobile
//  _____________________________________________

.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) {
    .checkout-cart-index {
        .minicart-wrapper {
            .block-minicart {
                .block-content {
                    > .actions {
                        > .primary {
                            .action.primary {
                                .lib-font-size(18);
                            }
                        }
                    }
                }
            }
        }
    }
}

.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) {
    .minicart-wrapper {
        .minicart-items {
            .item-qty {
                margin-right: 5px;
            }
        }
        .product.actions {
            margin-top: 8px;
        }
    }
}


//
//  Desktop
//  _____________________________________________

.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
    .minicart-wrapper {
        .minicart-items {
            .item-qty {
                margin-right: 11px;
            }
        }
        .product.actions {
            margin-top: -24px;
        }
    }
}