/**
 * Styling special product block.
 */
.products.related, .product.upsell{
	margin-bottom: $block-module-margin-bottom !important;
    position: relative;
    padding: $block-module-padding;
    background: transparent;
    border-width: 0px;
    border-style: solid;
 
}

.products.related h2, .product > #reviews > h3, .product.upsell h2 {
    color: $block-module-heading-color;
    font-weight: $block-module-heading-font-weight;
    padding: 15px 20px;
    margin: $block-module-heading-margin;
    text-transform: $block-module-heading-transform;
    font-size: $block-module-heading-font-size;
    position: relative;
    z-index: 10;
    font-weight: 700; 
    line-height: 1.1;
}

.product > #reviews {
	border:solid 1px $border-color;
	margin-bottom:  $block-module-margin-bottom ;
}

/**
 *
 */
.woocommerce {
    ul.product_list_widget {
        li {
            padding: 20px 0 0;
            a {
                color: $gray-dark;
                font-weight: 500;
                &:hover {
                    color: $theme-color;
                }
                > span {
                    margin-bottom: 5px;
                    display: inline-block;
                }
            }
            img {
                float: left;
                @include rtl-margin(0,10px,0,0);
                width: 70px;
                @media(max-width: $screen-sm-max) {
                    width: 50px;
                }
            }
            span.amount {
                font-weight: 700;
                color: $theme-color;
            }
            &:first-child {
                padding-top: 0;
            }
        }
    }
    .widget_price_filter {
        .price_slider_wrapper {
            .ui-widget-content {
                background-color: #d3d3d3;
                border-radius: 0;
                height: 5px;
                margin-bottom:25px;
                .ui-slider-range {
                    background-color: $brand-danger;
                    border-radius: 0;
                }
                .ui-slider-handle {
                    border-radius: 0;
                    @include size(13px,13px);
                    background-color: $brand-primary;
                }
            }
            .price_slider_amount {
                @include rtl-text-align-left;
                line-height: 34px;
                color: $theme-color;
                font-size: 11px;
                text-transform: uppercase;
                font-weight: 700;
                .button {
                    @include rtl-float-right;
                }
            }
        }
    }
}

// Star Rating
.widget {
    .product-wrapper {
        margin-top: -20px;
        .product-block {
            margin: 20px 0 0;
            .onsale {
                border-radius: 0;
            }
            .star-rating {
                float: none;
                overflow: hidden;
                position: relative;
                height: 1.1em;
                line-height: 1;
                font-size: 0.8em;
                width: 6em;
                letter-spacing: 2px;
                font-family: 'star';
                color: #ffcc33;

                &:before {
                    content: "\73\73\73\73\73";
                    color: $light-gray;
                    float: left;
                    top: 0;
                    left: 0;
                    position: absolute;
                }

                span {
                    overflow: hidden;
                    float: left;
                    top: 0;
                    left: 0;
                    position: absolute;
                    padding-top: 1.5em;
                }

                span:before {
                    content: "\53\53\53\53\53";
                    top: 0;
                    position: absolute;
                    left: 0;
                }
            }
            .image {
                padding: 0;
                margin-bottom: 10px;
            }
            .caption {
                margin: 0;
                .meta {
                    .name {
                        font-size: 16px;
                        margin: 0 0 7px;
                        font-weight: 500;
                        a {
                            color: $product-price-old-color;
                            @include transition(.3s);
                            &:hover {
                                color: $theme-color;
                            }
                        }
                    }
                    .price {
                        color: $theme-color;
                        margin-top: 3px;
                        display: block;
                        del {
                            span {
                                text-decoration: line-through;
                                @include opacity(.5);
                                font-size: 80%;
                            }                            
                        }
                    }
                }
            }
        }        
    }
    &.articles-products-list-widget,
    &.articles-products-tabs-widget {
        overflow: hidden;
    }
    
    &.articles-products-tabs-widget {
        .widget-products-tabs {
            header {
                border-bottom: 1px solid $border-color;
                padding-bottom: 15px;
                margin-bottom: 30px;
                h3 {
                    font-size: 30px;
                    position: relative;
                    margin: 0;
                    padding: 18px 0 0;
                    &:before {
                        content: "";
                        height: 6px;
                        width: 40px;
                        background-color: $theme-color;
                        position: absolute;
                        top: 0;
                        @include rtl-left(0);
                    }
                }
                .nav-tabs {
                    border-bottom: none;
                    margin-top: 12px;
                    margin-bottom: 0;
                    > li {
                        margin-bottom: 0;
                        > a {
                            text-transform: uppercase;
                            font-size: 13px;
                            font-weight: 700;
                            color: $input-color-placeholder;
                            line-height: 1;
                            padding: 12px 20px;
                            border-radius: 3px;
                            @include rtl-margin(0,0,0,1px);
                            border: none;
                            @media(max-width: $screen-sm-max) {
                                padding: $grid-gutter-width/3 $grid-gutter-width/2;
                            }
                        }
                        &.active {
                            > a {
                                border: none;
                                color: $theme-color;
                                background-color: $gray-lighter;
                            }
                        }
                    }
                }
            }
        }
    }
}

.product-block {
    &.media {
        .image {
            display: block;
            padding: 0;
            @include rtl-margin-right(10px);
            img {
                width: 70px;
            }
        }
        .media-body {
            text-align: left;
            .name {
                font-weight: 500;
                margin: 0 0 5px;
                a {
                    color: $gray-dark;
                    &:hover {
                        color: $theme-color;
                    }
                }
            }
            .price {
                > * {
                    font-size: 14px;
                    color: $theme-color;
                }
                del {
                    span {
                        text-decoration: line-through;
                        @include opacity(.5);
                        font-size: 80%;
                    }                            
                }
            }
        }
    }
    &.product-deal {
        .image {
            margin: 0 0 15px !important;
            .product-image {
                display: block;
            }
            .onsale {
                @include rtl-left(0);
            }
        }
        .time {
            position: absolute;
            width: 100%;
            @include rtl-left(0);
            bottom: 0;
            @include rtl-padding(0,30px,25px,30px);
            @media(max-width: $screen-sm-max) {
                padding: 0 20px $grid-gutter-width/2 20px;
            }
            .countdown-times {
                text-align: center;
                > div {
                    display: inline-block;
                    width: 48px;
                    height: 48px;
                    background-color: $white;
                    border: 2px solid #d5d5d5;
                    line-height: 1;
                    color: $light-gray;
                    font-size: 11px;
                    text-transform: uppercase;
                    overflow: hidden;
                    @include rtl-margin-left(3px);
                    &:first-child {
                        @include rtl-margin-left(0);
                    }
                    b {
                        display: block;
                        font-size: 18px;
                        color: $theme-color;
                        margin: 5px 0 4px;
                    }
                }
            }
        }
        .name {
            margin: 0 0 10px;
            font-size: 16px;
            font-weight: 500;
            a {
                color: $input-color-placeholder;
                &:hover {
                    color: $theme-color;
                }
            }
        }
        .price {
            > * {
                font-size: 18px;
                color: $theme-color;
            }
            del {
                span {
                    text-decoration: line-through;
                    @include opacity(.5);
                    font-size: 80%;
                }                            
            }
        }
    }
}

.woocommerce .top-cart,
.page .top-cart,
.archive .top-cart {
    .dropdown-menu {
        min-width:  200px;
        padding: 0 $grid-gutter-width - 10;
        @media(max-width: $screen-md-max){
            left: -90px;
        }
        .cart_list.product_list_widget {
            border-bottom: 1px solid $border-color;
            padding: 0 0 $grid-gutter-width - 10;
            margin-bottom: $grid-gutter-width - 15;
            overflow: hidden;
            li {
                position: relative;
                overflow: hidden;
                padding: 0;
                margin-top: $grid-gutter-width - 10;
                list-style: none;
                a.remove {
                    position: absolute;
                    top: 50%;
                    @include rtl-right(0);
                    margin-top: -$grid-gutter-width/3;
                    color: $brand-danger !important;
                    border: 0 none;
                    border-radius: 100%;
                    display: block;
                    font-size: 1.5em;
                    font-weight: 700;
                    height: 1em;
                    line-height: 1;
                    text-align: center;
                    text-decoration: none;
                    width: 1em;
                    &:hover {
                        background:none;
                        color: $theme-color !important;
                    }
                }
                a {
                    font-weight: 500;
                    color: $gray-dark;
                    img {
                        float: left;
                        @include rtl-margin(0, 10px, 0, 0);
                        width: 70px;
                    }
                }
                span.amount {
                    font-weight: 700;
                    color: $theme-color;
                }
            }
        }
        p.buttons {
            margin-bottom: $grid-gutter-width - 10;
            a.button.wc-forward {
                background-color: $theme-color;
                color: $white;
                border-radius: 0;
                font-weight: normal;
                padding: $grid-gutter-width/3 $grid-gutter-width - 10;
                display: inline-block;
                @media(max-width: $screen-md-max){
                    padding: $grid-gutter-width/3;
                }
                &:hover {
                    text-decoration: none;
                }
            }
        }
    }
}