/***********************************************
				Shop
			----------------
			01. Ajax add to cart

************************************************/
/*----------------01. Ajax add to cart---------------------*/
.product_ajax_cart_class
{
	width:100%;
	background-color:#fff;
	z-index:9997;
	border-bottom: 2px solid theme-color('primary');
	overflow:auto;
	max-height:100%;
	 padding: 16px 0;
	 @include position(fixed,0,auto,auto,0);
	 .container {
	 	position:relative;
	 	& .product_detail_img {
	 		max-height:500px;
	 	}
	 }
	 @include media-breakpoint-up(lg) {
		.carousel-outer
		{
			width: 85%;
			display: block;
			@include position(relative);
			float:right;
		}
		#carousel-pager
		{
			margin: 16px 0;
		}
	}
	.t_product_name
	{
		@include style(19,22);
		&:hover {
			color:nth($f_color,19);
		}
	}
}
.modal-content.ajax_cart_modal {
    border-radius: 10px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    overflow: hidden;
    .cart_close:not(:disabled):not(.disabled):focus,
    .cart_close {
        @include position(absolute,0px,0px);
        @include transition(all,300ms,null);
        background-color: transparent;
        color: #000;
        opacity: 1;
        width: 40px;
        height: 40px;
        border: 0px;
        line-height: 40px;
        z-index: 9;
        padding: 0;
        box-shadow: 0 1px 10px #bbb;
        background: nth($f_color,5);
        &:hover {
            box-shadow: 0 1px 10px #ddd;
        }
       @include media-breakpoint-down(sm) {
            width: 26px;
            height: 26px;
            border: 0px;
            line-height: 28px;
        }
        &:before{
            content: '\00d7';
            font-size: 26px;
            font-family: inherit;
            font-weight: 200;
            @include media-breakpoint-down(sm) {
                font-size: 24px;
            }
        }
    }
    .oe_website_sale .row {
        display: flex;
    }
}
div.ajax_cart_content {
    min-height: 400px;
    #product_details {
        @include media-breakpoint-down(md) {
            margin-top: 6px;
        }
        @include media-breakpoint-down(xs) {
            margin-top: 0px;
        }
    }
    h4.oe_price_h4{
        display: inline-block;
        margin-bottom: 0px;
        line-height: normal;
    }
    h1.te_product_name{
        font-size: inherit !important;
        margin-bottom: 0px;
    }
    #product_detail {
        .te_product_quantity,
        .te_prod_desc,
        .product_price {
            margin: 0.5rem 0 !important;
        }
        .te_product_quantity{
            @include media-breakpoint-down(xs){
                margin: 15px 0px !important;
            }
        }
        .oe_price_h4 b.oe_price{
            font-size: $font-size-base;
            font-weight: 500;
        }
        span.text-danger.oe_default_price{
            font-size: $font-size-base - 0.125rem; /* Reduced 2px */
        }
        .te_discount{
            font-size: $font-size-base - 0.125rem; /* Reduced 2px */
        }
        .te_product_name{
            max-width: 100%;
            @include text-ellipsis
            width:100%;
        }
		.quick-add-to-cart
		{
			padding: 0.613rem 2rem;
			@include media-breakpoint-down(xs)
			{
			    display: block;
			}
		}
        #buy_now{
             margin-left: 0.2rem !important;
             margin-top: 0 !important;
            @include media-breakpoint-down(md) {
                margin-left: 0rem !important;
            }
            @include media-breakpoint-down(sm)
            {
                display: inline-block !important;
            }
            @include media-breakpoint-down(xs)
            {
                margin-right: 0;
                display: block !important;
            }

        }
        #add_to_cart {
            margin-top: 0 !important;
            @include media-breakpoint-down(sm)
            {
                display: inline-block !important;
            }
            @include media-breakpoint-down(xs)
            {
                display: block !important;
                margin-right: 0;
                margin-bottom:10px;
            }
        }
        .product_price{
            margin: 0px !important;
            @include media-breakpoint-down(md){
                font-size: 1.15rem;
            }
        }
        .te_img_container{
            width: 128px;
            min-height: 128px;
            max-height: auto;
            float: left;
            padding: 3px;
            @include media-breakpoint-down(sm){
               width: 90px;
               min-height: 90px;
            }
        }
        .col-right-details {
            margin: 0;
            position: absolute;
            top: 50%;
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            width: 90%;
            @include media-breakpoint-down(sm){
               max-width: 100%;
            }
        }
        .img_section img.variant_image {
            max-width: 100%;
            height: auto;
        }
        .js_add_cart_variants{
            /*margin: 1rem 0;*/
            overflow-y: auto;
            max-height: 310px;
            > li {
                margin: 0.5rem 0;
                padding: 0
            }
            .variant_attribute {
                .list-unstyled{
                    max-height: 135px;
                    overflow: auto;
                }
                h6{
                    font-weight: 600;
                }
            }
        }
        #o-carousel-product {
            .carousel-indicators {
                @include media-breakpoint-down(md){
                    display: none !important;
                }
                padding: 0.5rem 0 !important;
                > li {
                    margin: 0.25rem 0.5rem 0.25rem 0 !important;
                }
            }
        }
         #mainSlider {
            width: 100%;
            float: unset;
            margin: 0 auto;
            overflow: hidden;
            @include media-breakpoint-down(sm){
                width: 100%;
                overflow: initial;
            }
            .owl-carousel{
                .owl-item img {
                    max-height: 280px !important;
                    @include media-breakpoint-down(sm){
                        max-height: 440px !important;
                    }
                }
            }
            .owl-item iframe {
                height: 280px;
                width: 90%;
                max-height: unset !important;
            }
        }
        #thumbnailSlider {
            width: 65%;
            margin: 0px auto;
            @include media-breakpoint-down(xs){
                width: 75%;
            }
            .owl-carousel {
                @include transform(rotate(0deg));
                width: 100%;
                margin: 0px auto;
                position: relative;
                max-width: unset;
                top: 0 !important;
                left: 0 !important;
                .owl-item {
                    @include transform(rotate(0deg));
                }
            }
        }
    }
}
#ajax_cart_model_shop{
    .modal-dialog {
        @include media-breakpoint-up(sm){
            max-width: 450px;
            padding: 3.5rem 0 2rem;
        }
    }
}
#products_grid.o_wsale_layout_list {
    .te_shop_grid {
        .te_product_info {
            .ajax_cart_modal {
                .product_price {
                    padding: 0;
                }
            }
        }
    }
}
#ajax_cart_model .modal-dialog {
    @include media-breakpoint-down(lg) {
        @include transform(translateX(-50%));
        @include position(absolute,null,null,null,50%);
        width: 85%;
        min-width: 280px;
    }
    @include media-breakpoint-down(xs) {
        margin: 20px 0;
    }
}
.product-name-container, .product-image-container {
    display: block;
    text-align: center;
    width: 100%;
}
.ajax-sucess-bottom {
    width: 90%;
    margin: 20px auto 0;
}
.ajax-sucess {
    .modal-dialog {
        max-width: 450px;
    }
}
.shopping-line {
    width: 100%;
    text-align: center;
    margin: 5px 0 15px 0px;
}
@include media-breakpoint-up(sm) {
    .ajax-sucess-continue {
        margin-bottom: 0px !important;
    }
}
@include media-breakpoint-down(sm){
    .ajax-sucess-continue {
        margin-bottom: 10px !important;
    }
    .ajax-sucess-continue, .ajax-sucess-checkout {
        width: 100%;
    }
}

/* Horizontal category style*/

.te_horizontal_category{
    text-align: center;
    display: block;
    margin: 0 auto;
    overflow: hidden;

    .te_category_round_image{
       display: flex;
       justify-content: center;
        .te_category_round_image_style{
            margin-top: 0.5rem;
            .active{
                .te_category_img_div{
                    border: 2px solid $primary !important;
                }
            }
            .te_category_img_div{
                border-radius: 50%;
                border: 2px solid #ededed;
                padding: 14px;
                box-shadow: 0px 2px 10px 2px #f6f6f6;
//                 height: 60px;
//                 width: 60px;
            }
            .te_category_img{
//                 border-radius: 50%;
//                 border: 1px solid #ededed;
//                 padding: 4px;
//                 box-shadow: 0px 2px 10px 2px #f6f6f6;
                height: 38px;
                width: 38px;
            }
            .te_category_all_prod{
//                     padding: 7px !important;
//                     margin-left: 7px;
                    padding: 3px !important;

                    i{
                        font-size: 1.5625rem;
                        margin: -1px;
                    }
            }
            .te_round_category_name{
                font-size: $font-size-base - 0.25rem; /* Reduced 4px */
                width:70px;
                word-break: break-word;
                text-align: center;
            }
             &:hover{
                a{
                    text-decoration: none;
                }
                .te_category_img_div{
                    border: 2px solid $primary !important;
                }

             }
            @include media-breakpoint-down(md) {
                margin-right: 0 !important;
            }
        }
        @include media-breakpoint-up(lg) {
            margin-left: 1rem;
            &::-webkit-scrollbar {
                -webkit-appearance: none;
                width: 4px;
                height: 7px;
            }
            &::-webkit-scrollbar-thumb {
              border-radius: 8px;
              background-color: rgba(0, 0, 0, .5);
              box-shadow: 0 0 1px rgba(255, 255, 255, .5);
            }
       }
    }

    .te_category_pills{
        margin-bottom: -8px;
        padding: 0px 5px;

        .te_category_pills_style {
            display:inline-block;
            overflow-x: auto;
            white-space: nowrap;

            .active{
                    border: 1px solid $primary !important;
            }
            li{
                margin-top: 9px;
                &:hover{
                    .te_category_pill{
                           box-shadow: -3px -1px 7px 0px #f6f6f6;
                    }
                }
            }

            .te_category_pill {
                border-radius: 7px;
                text-decoration: none;
                box-shadow: 0px 2px 10px 3px #f6f6f6;
                margin-bottom: 10px;
                .te_pill_category_text {
                    padding: 0.4rem 0.8rem 0.4rem 0.4rem;
                    color:$primary;
                    font-size: $font-size-base - 0.25rem; /* Reduced 4px */
                    vertical-align: middle;
                }
                .te_pill_category_img {
                    height: 40px;
                    width: 40px;
                    padding: 2px;
                    border-radius: 5px 0px 0px 5px;
                    vertical-align: middle;
                }
                .te_all_products{
                    display: inline-block !important;
                    font-size: 23px;
                    height: 39px;
                    .fa{
//                         line-height: 39px;
//                         vertical-align: middle;
                    }
                }
            }
        }
        &::-webkit-scrollbar {
            -webkit-appearance: none;
            width: 4px;
            height: 7px;
        }
        &::-webkit-scrollbar-thumb {
          border-radius: 8px;
          background-color: rgba(0, 0, 0, .5);
          box-shadow: 0 0 1px rgba(255, 255, 255, .5);
        }
    }
    @include media-breakpoint-down(md) {
        width: 100%;
    }
}