// modules.scss

@import "vars/modules.vars";
// top bar module dropdown
.popup-over{
    position: relative;
    @include rtl-margin-right(10px);
    @include rtl-float-right();
    .popup-title{
        @include rtl-padding(14px,20px,12px,5px);
        a{
            color: $white;
            &:hover{
                color: $theme-color-default;
            }
        }
        &:before{
            content: "\f107";
            position: absolute;
            top: 14px;
            @include rtl-right(6px);
            font-family: $font-icon;
            color: $white;
        }
        .fa{
            @include rtl-margin-right(5px);
        }
    }
    .popup-content{
        padding: 10px;
        @include opacity(0);
        position: absolute;
        top: 100%;
        @include rtl-left(0);
        background: $white;
        border: $main-border;
        min-width: 150px;
        z-index: 9;
        display: none;
        @include transition(opacity 0.3s linear 0s);
        a{
            color: $text-color;
            &:hover{
                color: $link-hover-color;
            }
        }
        ul li, li{
            display: block;
            padding: 5px;
            font-weight: 400;
            &.selected{
                color: $theme-color-default;
                a{color: $theme-color-default;}
            }
        }
    }
    &:hover{
        cursor: pointer; 
        .popup-content{
            display: block;
	       @include opacity(1);
        }
    }
}  

/* mini basket */

#cart{        
    position: relative; 
    text-align: center;
    @include rtl-float-right();
    h4{ 
        font-size: $font-size-base;
        padding: 0;
        margin: 3px 0 0;
        display: none;
    }      
    .heading {     
        @include clearfix(); 
        height: 40px;
        position: relative;
        display: inline-block;
        background: #f2f2f2;
        font-weight: 700;
        color: $theme-color-default;
        @include border-radius(40px);
        @include rtl-padding-left(40px);
        &:before{
            background:url("#{$image-theme-base-path}default/sprites-icon.png") no-repeat -5px -55px $nocolor;
            content: "";
            position: absolute;
            width: 40px;
            height: 40px;
            @include rtl-left(0);
        }
        span{
            font-size: $font-size-base;
            line-height: 40px;
        } 
        .cart-inner{
            padding: 0 10px;
            display: inline-block;
        }   
        .ajax_cart_total{
            display: none !important;
        }                      
    }
    .checkout {
        text-align: right;
        clear: both;
    }
    .empty {
        padding-top: 20px;
        text-align: center;
    }

    .mini-cart-total {
        text-align: right;
        td {
            color: #000;
            padding: 4px;
        }
        table {
            border-collapse: collapse;
            @include inline-block();
            margin-bottom: 5px;
        }
    }
    .mini-cart-info {
        .quantity {
            text-align: right;
        }
        .name {
            small {
                color: #666;
            }
            font-size: $cart-product-font-size;
            font-weight: bold;
        }
        td {
            color: #000;
            vertical-align: top;
            padding: 6px; 
            border-bottom: $main-border;
        }
        table {
            border-collapse: collapse;
            width: 100%;
            margin-bottom: 5px;
        }
        .image {
            width: 1px;
            img {            
                text-align: left;
            }
        }
        .remove {
            text-align: right;
            img {
                cursor: pointer;
            }
        }
        td.total {
            text-align: right;
        }
    }

}
