//Style page Product Detail

/**
* Title Product
*/
.product_title{
    font-size: 30px;
    line-height: 30px;
    font-weight: 300;
    color: $black;
}

.product-detail-wrap,.entry-summary{
    margin-bottom: 50px;
    .woocommerce-review-link{
        @include rtl-border-right(none);
    }

    /**
    * Sale
    */
    .onsale{
        top:5px;
        @include rtl-left(20px);
    }
    .onhot{
        top:5px;
        @include rtl-right(20px);
    }
    /**
    * Thumbnails
    */
    .thumbnails{
        padding: 10px 50px !important;
        position: relative;
        display: block;
        li{
            border:$border-color-base;
            text-align: center;
            margin: 5px;
        }
        #slider-prev,#slider-next{
            background: none !important;
            &:before{
                font-family: 'FontAweSome';
                text-align: center;
                height: 26px;
                height: 26px;
                border: $border-color-base;
                border-radius: 100%;
                display: block;
            }
        }
        #slider-prev{
            @include rtl-left(15px !important) ;
            &:before{
                content: '\f104';
            }
        }
        #slider-next{
            right:15px !important;
            &:before{
                content: '\f105';
            }
        }
    }

    /**
    * Price Product
    */
    .price{
        margin-top: 5px;
        font-size: 32px;
        color: $theme-color;
        font-weight: 400;
        padding: 15px 0;
        border-top:1px solid #ececec;
        border-bottom:1px solid #ececec;
        line-height: 35px;
        margin-bottom: 15px;
        del{
            font-size: 24px;
        }
    }
    // Select option price
    .single_variation_wrap{

        .single_variation{
            @include rtl-float-left();
            @include rtl-margin-right(15px);
        }
        .price{
            border-top:none;
            border-bottom:none;
            padding: 0;
            margin: 0;
        }
    }

    /**
    * Description Product
    */
    .description{
        padding-top:10px;
        border-top:1px solid #ececec;
        clear: both;
        position: relative;
        display: block;
        font-size: 13px;
        line-height: 24px;
    }

    /**
    * Button after Quantity
    */
    .yith-wcwl-add-to-wishlist,.compare,.cart{
          @include rtl-margin-left(15px);
          margin-bottom: 15px;
    }

    /**
    * Button after Quantity
    */
    .zoom-image{
        width: 100%;
        height: auto;
    }

    /**
    * Meta Product
    */
    .product_meta{
        border-top:1px solid #ececec;
        clear: both;
        padding-top: 10px;
        margin: 0;
        >*{
            display: block;
            padding: 5px 0;
            color: #000000;
            span,a{
                color: $font-base-color;
                font-style: italic;
            }
        }
    }
}
/**
* Quantity Product
*/
.quantity {
    @include rtl-float-left();
    @include rtl-margin-right(50px);
    cursor: pointer;
    position: relative;
    width: 90px;
    height: 34px;
    input.qty {
        appearance: textfield;
        -webkit-appearance: textfield;
        -moz-appearance:textfield;
        height: 34px;
    }
    .add-action {
        position: absolute;
        line-height:16px;
        text-align: center;
        background: $theme-color;
        color: #fff;
        border: none;
        @include box-shadow(none);
        @include size(16px,16px);
        border-radius: 3px;
        &:hover, &:active {
            background:$theme-color;
        }
    }
    .qty-plus{
        right:-25px;
        top:0;
    }
    .qty-minus{
        right:-25px;
        bottom:0;
    }
}


/**
* Image Detail Product
*/
.woocommerce-main-image{
    border:$border-color-base;
}

/**
* Table Product
*/
.woocommerce-tabs{
    //tab content
    .resp-tabs-container{
        border:1px solid #EEEEEE;
        padding:15px 30px;
    }
    .tab-content{
        padding: 0;
    }
    //tab-description
    .tab-description{
        line-height: 24px;
    }
    //tab-reviews
    #reviews {
        h2{
            font-size: 16px;
            padding-bottom: 15px;
        }
        .commentlist{
            padding: 0;
            margin: 0;
        }

        li{
            list-style: none;
            padding: 30px 0;
            border-top:1px solid #EEEEEE;

        }
        .tall{
            color:#ececec;
        }

        .avatar{
            @include size(80px,80px);
        }
        .description{
            font-weight: 300;
            line-height: 24px;
        }
        .comment-reply-title{
            font-weight: bold;
            text-transform: uppercase;
            font-size: 18px;
        }
        .star-rating{
            @include rtl-float-right();
        }
        label{
            font-weight: 400;
            color: $black;
            padding: 10px 0;
        }
    }
}
.variations_form.cart{
    tr{
        td{
            border: none;
            @include rtl-text-align-left();
        }
        label{
            @include rtl-text-align-left();
            margin-bottom: 0;
            padding: 0;
            border: none;
            line-height: 40px;
            min-width: 100px;
            >*{
                margin: 0;
                border: none;
            }

        }
    }
}
#yith-quick-view-content{
    .wp-post-image{
        width: 100%;
        height: auto;
        display: block;
    }
}
.single-product.woocommerce .thumbnails #slider-prev, .single-product.woocommerce .thumbnails #slider-next{
    width: 23px !important;
    height: 23px !important;
}
.product-detail-wrap .thumbnails #slider-prev::before,
.product-detail-wrap .thumbnails #slider-next::before,
.entry-summary .thumbnails #slider-prev::before,
.entry-summary .thumbnails #slider-next::before{
    width: 23px !important;
    height: 23px !important;
}
.yith_magnifier_gallery li a{
    margin-top: 0px !important;
}
.related.products-block,.related-wrapper .products-block{
    overflow: visible;
}